如何让代码高亮?使用hilite.me!

  • A+

发现自己似乎对一些语法高亮的工具相当的感兴趣,总是觉得它可以为读者带来更好的阅读体验,所以前前后后我介绍了不了「语法高亮」的工具,这里面有有线上的、有使用插件的、有专业的、有入门级的,总之这类的服务相当的多,而我自己比较偏爱「代码发芽网」这种不需要另外载入Javascript或CSS的服务,这样可以避免在载入网页时浪费不必要时间,可惜的是这个网站已经不再经营了,因此这几天另外找了一个替代品「hilite.me」要来介绍给大家,它同样无需JS、CSS,只要把产生出来的HTML代码贴到文章中就可以了,效果还不错喔

如何让代码高亮?使用hilite.me!

hilite.me的介面很朴实,操作上非常的简单,主要分成以下几个部分:

Source code:程式码区,把想要高亮化的程式码贴到此处即可。

Language:选择你的代码是哪个语言的,例如是Java、Python、CSS或其他语法,不同的语法因关键字不同,所以产生的高亮结果会不太相同。

Style:可以套用不同的风格,简单的来说,网站已经内建了几种比较受欢迎的Theme,我们可以选择喜爱的款式来套用。

Line numbers:选择是否要显示行号。

CSS:可以调整一下一些边界的距离、边框粗细等等的,如果你懂CSS语法的话,那么就可以在这边动手脚,让产生出来的结果更符合自己的需求,不懂CSS的话那就用预设值就行了。

Highlight:按此按钮来产生最后的高亮语法代码,产出的结果会在右边的「HTML」栏位中,而这些代码就是最后我们要贴到文章中的语法。

Preview:可以预览结果。

HTML:即最后产出来的HTML语法,可以直接贴到我们的文章中。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: