CodeZen 是一款能够将源代码生成一张优雅的图片的网站，支持 JavaScript、CSS、Ruby、HTML、Python、PHP、Markdown、C/C++/C# 等语法高亮。@Appinn
![CodeZen - 生成易于分享，优雅的「源代码」图片 [Web] 1](https://img3.appinn.net/images/201807/2018-07-30-4-06-10.jpg!o "CodeZen - 生成易于分享，优雅的「源代码」图片 [Web] 1")
一般分享源代码片段的时候，使用类 gist 服务是比较理想的状态，但分享不够优雅。
gist 你只能给别人提供一个链接，并无预览，而使用 CodeZen 将代码生成图片，再分享，效果就大大不同了。
以官网的例子来看，生成的图片是这个效果：
![CodeZen - 生成易于分享，优雅的「源代码」图片 [Web] 2](https://img3.appinn.net/images/201807/zenified-code.jpg!o "CodeZen - 生成易于分享，优雅的「源代码」图片 [Web] 2")
并且，还可以调整字体、主体配色、背景色、宽度，还能设置是否显示行数。
Material 主题样子是这样的：
![CodeZen - 生成易于分享，优雅的「源代码」图片 [Web] 3](https://img3.appinn.net/images/201807/zenified-code-1.jpg!o "CodeZen - 生成易于分享，优雅的「源代码」图片 [Web] 3")
这样子，无论是分享给好友，还是直接放到文章中，或者书本中，都是非常优雅漂亮的。
目前支持的所有高亮语言包括：
- JavaScript
- JSX
- CoffeeScript
- CSS
- Ruby
- SASS
- Shell
- HTML
- SLIM
- Python
- PHP
- Markdown
- Clojure
- C/C++/C#
- Elm
注意 Markdown 不带预览，就是把语法高亮出来了。
CodeZen 官网在这里。
原创文章，作者：3628473679，如若转载，请注明出处：https://blog.ytso.com/download/165271.html