一键生成代码截图的神器，让你的代码美如画！

大家好，我是宝哥。

今天要给大家安利几款超实用的代码截图工具，它们不仅功能强大，而且使用起来也非常便捷。

---

Chalk.ist

https://chalk.ist/

由@Idered打造，这是一款易于使用的工具，拥有漂亮的背景，能让你的代码片段脱颖而出。它包含了一系列现成的主题，并且允许你创建自己的主题。它是开源的，并且是用Vue 3构建的，所以速度飞快。想要真正体验它的功能，我建议你亲自试用一下。

截图中使用的字体：Nova

CodeImage

https://codeimage.dev/

由@riccardoperra打造，这是另一个开源工具，和Chalk.ist一样具有高度的可定制性，允许你在使用你的Github账号登录后保存你的代码片段。它还允许你添加自定义预设，甚至可以选择你系统中安装的字体。

截图中使用的字体：JetBrains Mono

Snappify

https://snappify.com/editor

由@snappify_io（Anki和Dominik）打造，这是一个功能丰富的工具，不仅用于生成代码截图，主要还用于创建带有流畅动画的技术演示。有点像程序员的Canva。它还有一个VSCode扩展。

它独特的功能是可以将你的视觉效果嵌入到iframe中或在Notion、Hashnode和Medium等流行平台上作为交互式信息图表。

截图中使用的字体：Cascadia Code

CodeSnap

https://codesnap.dev/editor

由@Mokkapps打造，CodeSnap是一个很棒的工具，你可以把它想象成代码截图的Figma。它是一个图像编辑器，允许你注释你的代码截图（使用箭头、表情符号、富文本），在一个地方管理你的代码片段，甚至还有一个VSCode扩展。

Showcode

https://showcode.app/

由@ste_bau打造，这是一个直观的代码截图工具，提供了许多预设和开箱即用的定制选项。可用的背景种类非常丰富。此外，它还拥有出色的语言支持，并且还有一个为macOS、Windows和Linux付费的桌面应用程序。

它提供了一个无限使用的免费API来生成你的代码片段。

SupaSnap

https://supasnap.com/create

由@marctaule打造，这是一个直接的工具，不仅接受代码，还接受图片。它专注于让你的工作流程快速，正如他们的网站上所宣传的：“按照你喜欢的方式编辑，分享或下载你的设计。一切都在30秒内完成！”

它允许你在免费计划中保存多达5个代码片段，并有一个免费的Linux和MacOS桌面应用程序，计划支持Windows。

CodeToImg

https://codetoimg.com/editor

由@rohiddev打造，CodeToImg提供了你所需的基本功能。如果你喜欢无需广泛配置的无忧体验，并且只需要一个可靠的代码截图，这个出色的工具就是你可以信赖的。

感谢大家阅读这篇博客！这些描述只是每个产品功能的冰山一角。要充分欣赏并利用它们的独特功能，我鼓励你亲自试用并探索。你的体验最终将引导你找到最符合你的偏好和需求的那一个。

祝大家探索愉快！😄

推荐链接：

• 标星23.2K！一键打包网页变身为跨平台桌面应用神器！

• 牛逼！解魔方神器GitHub开源了！
  

---

最后，如果你觉得宝哥的分享还算实在，就给我点个赞，关注一波。分享出去，也许你的转发能给别人带来一点启发。

关注我，加星标，明天见！

史上最全！56个JavaScript的「手写」知识点，扫盲啦！

关注下方宝哥微信，进宝哥副业交流群，

获取我公众号整理的所有资料，

包括前端电子书，面试资料，简历模板和副业资料等！

以上，如果本文对你有所启发，欢迎点“在看、点赞”支持下吧！