CodeZen – 生成易于分享,优雅的「源代码」图片 [Web]

CodeZen 是一款能够将源代码生成一张优雅的图片的网站,支持 JavaScript、CSS、Ruby、HTML、Python、PHP、Markdown、C/C++/C# 等语法高亮。@Appinn

CodeZen - 生成易于分享,优雅的「源代码」图片 [Web] 1

一般分享源代码片段的时候,使用类 gist 服务是比较理想的状态,但分享不够优雅。

gist 你只能给别人提供一个链接,并无预览,而使用 CodeZen 将代码生成图片,再分享,效果就大大不同了。

以官网的例子来看,生成的图片是这个效果:

CodeZen - 生成易于分享,优雅的「源代码」图片 [Web] 2

并且,还可以调整字体、主体配色、背景色、宽度,还能设置是否显示行数。

Material 主题样子是这样的:

CodeZen - 生成易于分享,优雅的「源代码」图片 [Web] 3

这样子,无论是分享给好友,还是直接放到文章中,或者书本中,都是非常优雅漂亮的。

目前支持的所有高亮语言包括:

  • JavaScript
  • JSX
  • CoffeeScript
  • CSS
  • Ruby
  • SASS
  • Shell
  • HTML
  • SLIM
  • Python
  • PHP
  • Markdown
  • Clojure
  • C/C++/C#
  • Elm

注意 Markdown 不带预览,就是把语法高亮出来了。

CodeZen 官网在这里

15 Comments

  1. davidfckr 2018/07/30 Reply
    • 青小蛙 2018/07/30 Reply
      • 丁二 2018/07/31 Reply
        • 青小蛙 2018/07/31 Reply
  2. DPSThermal 2018/07/31 Reply
  3. daka 2018/07/31 Reply
  4. 云舒 2018/07/31 Reply
  5. 代码小睿 2018/07/31 Reply
  6. zuko 2018/07/31 Reply
    • 代码小睿 2018/07/31 Reply
  7. 桜茵怪 2018/07/31 Reply
  8. 代码小睿 2018/07/31 Reply
  9. 猿和狮 2018/07/31 Reply
  10. jack 2018/08/01 Reply
  11. A1pine 2018/08/09 Reply

Leave a Reply