推荐一个源代码语法高亮图片工具:carbon

10年服务1亿前端开发工程师

最近经常在 medium 上看到一些漂亮的源代码语法高亮图片。 比如:

甚至是 iframe 嵌入语法高亮的源代码:

这是使用 Carbon 生成的源代码语法高亮图片。有了这个工具,以后在微博,微信公众号等平台上分享代码就再也不用愁了。

Carbon 是一个免费的开源库,用于创建和分享源代码语法高亮图片。 你可以通过官网?https://carbon.now.sh?轻松使用 Carbon 。

小广告:如果你使用 WordPress 则可以使用?WP-googlecodeprettify 插件

特性

  • GitHub gist导入. 只需要在url后面加上github gist id就可以导入
  • 定制化. 可定制图片的语法主题,窗口样式等
  • 所见即分享. 点下鼠标就可以分享到推特上面

示例

使用

导入

有几种不同的方法可以将代码导入到Carbon:

  • 把文件拖到编辑器
  • 在carbon url后添加GitHub gist id(比如?carbon.now.sh/你的gist id)
  • 直接粘贴代码

定制化

当你把代码导入到Carbon后,你可以定制生成的代码图片。可定制的内容有语法主题,背景颜色,窗口主题,或者padding距离。

导出/分享

当你定制完图片样式后,可以分享到推特上面,或者直接保存。

社区

下面是社区已经创建的一些优秀的项目,让我们使用起来更加简单方便:

编辑器插件
命令行工具
  • CLI?carbon-now-cli?- 在Carbon中打开一个文件或者直接使用carbon-now下载它,特色是交互式模式,可选高亮等
Libraries
  • R?carbonate?- 迭代式处理R中的图片并在Carbon中打开,或者直接下载。
赞(2) 打赏
未经允许不得转载:WEB前端开发 » 推荐一个源代码语法高亮图片工具:carbon

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏