代码截图介绍
代码截图工具把源代码渲染成适合分享的精美图片。高亮引擎为 Shiki,与 VS Code 同源的 TextMate 语法,配色与编辑器观感一致。
支持 TypeScript、Python、Go、Rust 等 15 种常用语言和 GitHub、Dracula、Nord 等 7 套主题,窗口卡片样式可调。
卡片带 macOS 风格窗口圆点与文件名标题栏,可调外边距与圆角,以 2 倍像素密度导出 PNG,也能直接复制进聊天窗口。全部渲染在浏览器本地完成。
使用步骤
- 1粘贴代码:把代码粘贴到左侧输入区
- 2选择语言与主题:匹配代码语言,挑选喜欢的配色主题
- 3调整样式:修改文件名、外边距与圆角
- 4导出:下载 2x PNG 或复制到剪贴板
适用场景
- 技术分享发推文、公众号与群聊的代码配图
- 博客配图文章中展示代码片段的精美截图
- 演讲幻灯片PPT 里需要高亮代码的场合
实用小贴士
- 深色主题建议搭配深色背景观感更统一
- 超长代码会按内容实际宽度导出
- 复制剪贴板失败时改用下载按钮
常见问题
支持哪些语言?
TypeScript、JavaScript、Python、Java、Go、Rust、C、C++、HTML、CSS、JSON、YAML、SQL、Bash、Markdown 共 15 种
导出的图片清晰吗?
以 2 倍像素密度导出,高分辨率屏幕与文档排版都不会模糊
代码会上传吗?
不会,语法高亮与图片生成全部在浏览器本地完成