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

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

在线应用 2018/07/30 17

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 官网在这里。

分享

相关

, , , , , ,

17 条留言

  1. davidfckr 2018/07/30 回复

    不能运行也就算了，还不能复制……
    用于朋友圈分享代码应该可以

  2. DPSThermal 2018/07/31 回复

    用图片分享代码? 我都呵呵了.

  3. daka 2018/07/31 回复

    为什么我保存出来的图片上下都有滚动条….

  4. 云舒 2018/07/31 回复

    为什么没有JAVA，JAVA已经死了么…

  5. 代码小睿 2018/07/31 回复

    不好用，生成的图片带滚动条，瞬间low了，推荐用carbon吧
    https://carbon.now.sh

  6. zuko 2018/07/31 回复

    用snipaste也行
    复制代码贴成图片
    还带着代码生前的格式

    • 代码小睿 2018/07/31 回复

      snipaste我在atom里测试，发现复制出来的不带样式

  7. 桜茵怪 2018/07/31 回复

    这。。为啥要生成图片呢。。。 不方便的感觉~~~

  8. 代码小睿 2018/07/31 回复

    没有carbon好用，生成的图片有滚动条
    carbon.now.sh

  9. 猿和狮 2018/07/31 回复

    图片的代码片段，简直是反程序猿啊，只能看不能复制，简直要抓狂

  10. jack 2018/08/01 回复

    不如snipaste好用，直接复制代码，F3键贴图，生成的截图保留了代码高亮效果，很舒服

  11. A1pine 2018/08/09 回复

    ubuntupastebin不是最好用吗

  12. kinderiu 2020/03/29 回复

    有滚动i条 就很丑了

  13. 山心豆 2020/07/12 回复

    能不能同时生成一个二维码，扫二维码出来的就是图片中的代码内容？

写留言