GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.
Codeshot 会根据你粘贴的代码识别 GraphQL，不存在选错语言的问题。下面是同一段代码在内置 30 款主题中的三款下的效果，由应用自身的样式表渲染。
GraphQL
GraphQL 代码截图生成器
不必离开 Mac，就能把 GraphQL 代码片段变成值得分享的图片。
query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}query Snapshots($theme: String!, $limit: Int = 10) {
snapshots(theme: $theme, first: $limit) {
edges {
node {
id
theme
exportScale
}
}
}
}为 GraphQL 选择主题
The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.
把尺寸定对
让图片随内容自适应，或锁定一个比例——1:1、4:3、3:2、16:9、9:16、2:3 或 3:4——然后以 1×、2× 或 3× 导出，在 Retina 屏上依然清晰。用 ⌘⇧C 直接复制到剪贴板，或用 ⌘S 保存。
查看全部 30 款主题对比，或阅读完整流程。
为 GraphQL 以及另外 59 种语言打造
一切都在你的 Mac 上完成，代码不会外传。