设置Ghost中语法高亮、流量跟踪

网上有很多教程,都说要去theme里面改,其实这样做并不好,如果想换新主题,又要去模板文件中添加代码。更好的方式是,在ghost管理后台,有一个Code Injection功能,它支持在每一篇文章中{{ghost_head}}和{{ghost_foot}}中注入代码,这样,语法高亮、流量跟踪和disqus配置就都可以很方便的完成了。

语法高亮支持

默认的Ghost系统中并没有语法高亮功能,通过引入hightlight.js的相关资源即可。首先在Blog Header中输入


<link href="//cdn.bootcss.com/highlight.js/9.0.0/styles/darcula.min.css" rel="stylesheet">

然后在Blog Footer中输入


<script src="//cdn.bootcss.com/highlight.js/9.7.0/highlight.min.js"> </script> 
<script>hljs.initHighlightingOnLoad();</script>

引入完毕后,代码都写到<pre><code class="javascript">...</code></pre>中即可,class可以指定对应的语言样式,更换css文件,即可改变显示效果。

流量追踪

直接将google analytic或者百度等第三方流量跟踪代码复制到Blog Header中即可

Show Comments

Get the latest posts delivered right to your inbox.