这是一款「反程序猿」小工具
2018-08-10 20:13:28 Author: mp.weixin.qq.com(查看原文) 阅读量:5 收藏

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 官网在这里:http://codezen.rishimohan.me/

另外,在评论中,不少人说把代码搞成图片不能复制非常的反程序员啊,以及  CodeZen 会产生滚动条, @代码小睿 推荐的同类服务 carbon 似乎更好:

https://carbon.now.sh/


文章来源: http://mp.weixin.qq.com/s?__biz=MjM5NDMwMTI2MA==&mid=2651659112&idx=1&sn=9882588f52ba7ab8a41f4d91e30d4931&chksm=bd706f4b8a07e65d8e2bac89d4f732f13c1c8871752a512d92f7cecf39a808c4871d5a2a9c01&mpshare=1&scene=24&srcid=0810LSuTXSbwRvT5Bjtxvbyg#rd
如有侵权请联系:admin#unsafe.sh