龙空技术网

如何生成漂亮的代码图片?

影踪share 5214

前言:

目前你们对“如何用代码制作图片”可能比较关怀,咱们都需要学习一些“如何用代码制作图片”的相关知识。那么小编也在网摘上网罗了一些关于“如何用代码制作图片””的相关资讯,希望同学们能喜欢,咱们快快来了解一下吧!

内容摘要

虽然头条号已经支持了代码块功能,但是没有语法高亮,并且移动端的体验也不是特别好。所以今天要介绍的是一款可以生成代码PNG图片的小工具carbon,通过图片展示代码获得更好的阅读体验。

工具介绍

carbon是github上的一个开源项目,通过carbon可以用图片的形式分享代码。(头条不方便贴链接,可以直接google搜索carbon,或者github上搜索carbon项目获取线上工具地址)

carbon在线工具界面

carbon支持:

图片主题设置多种语言语法高亮字体、字体大小修改显示行号导出PNG/SVG

功能演示

IDE插件

carbon还提供了多种IDE插件,支持在IDE中选中代码,直接跳转到carbon在线工具中生成图片,目前支持的IDE有:

IntelliJ IDEAAtomVS CodeSublime Text 3VimEmacsXcode

所有插件的下载地址在carbon项目的readme中都可以找到。以IDEA为例,安装插件后右键菜单中可以找到通过carbon打开。

右键可以选择在carbon中打开

carbon工具使用简单,有兴趣的小伙伴可以自己摸索一下其他功能。

标签: #如何用代码制作图片 #用代码生成图片 #代码的图片 #代码图片