推荐这两者是因为在试用 Ghost 的时候发现 Ghost 一切都好,但是竟然没有代码高亮,真是好大一瑕疵。
当然,也要区分主题,我用的 ghost-blog-tech 已经安装好了 prism.js.
而后台的 Markdown 编辑器更是没办法代码高亮,除非 hack ghost 的源码。

两者的使用都很简单,在前端页面加上它们的 js 和 css 即可,highlight.js 貌似还要额外的做一个初始化调用:inithighlightingonload.

我在用 prism.js, prism 的一个坑是不认识 HTML, 要用 markup 才能识别,摔!

在 Ghost 后台用 Markdown 编辑器写博客的时候,只要像这样按照格式写代码:

0_1483152136979_Screenshot from 2016-12-31 10-42-00.png

Markdown 解析器会自动解析成 <pre><code> 标签:

<pre><code class="javascript">function test() {
    console.log(&quot;Hello World&quot;);
}</code></pre>

That's all, 保存在数据库里的也是这样的 html 代码,要优美的在前端展示这段代码只能靠 Prism.jshighlight.js 这种库。