GraphQL 查询主要是「形状」，所以它做成图片好读，变成折行的文字段落就不好读。
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 选择主题
嵌套就是要传达的信息。选一个足够高的比例，让整个选择集都放得下，别把最后一个字段切掉。
把尺寸定对
让图片随内容自适应，或锁定一个比例——1:1、4:3、3:2、16:9、9:16、2:3 或 3:4——然后以 1×、2× 或 3× 导出，在 Retina 屏上依然清晰。用 ⌘⇧C 直接复制到剪贴板，或用 ⌘S 保存。
查看全部 30 款主题对比，或阅读完整流程。
为 GraphQL 以及另外 59 种语言打造
一切都在你的 Mac 上完成，代码不会外传。