×用微信扫描并分享

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

15
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes)
Loading...

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

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

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

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

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

Material 主题样子是这样的:

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

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

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

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

CodeZen 官网在这里

×用微信扫描并分享

已有 15 条评论, 我要留言

  1. davidfckr说道:

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

  2. DPSThermal说道:

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

  3. daka说道:

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

  4. 云舒说道:

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

  5. 代码小睿说道:

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

  6. zuko说道:

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

  7. 桜茵怪说道:

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

  8. 代码小睿说道:

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

  9. 猿和狮说道:

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

  10. jack说道:

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

  11. A1pine说道:

    ubuntupastebin不是最好用吗

有不同想法?说说看(首次评论会被人工审核,请耐心等待)