使用highlight.js使代码高亮
使用及下载方法见highlight官网
使用ghost管理界面的code injection插入三行代码即可使用
在site header中插入以下代码，作用是通过cdn获取css文件。其中rainbow是style的名称，可以在官网尝试并选择自己喜欢的style。github页面可以看到所有的style
<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/rainbow.min.css">
在site footer中插入以下代码。第一行是传输js文件，第二行是调用函数。
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/highlight.min.js"></script>
<script >hljs.initHighlightingOnLoad();</script>
以上都是通过cdn服务获取css和js文件。建议使用官网提供的cdn服务，感觉速度不错。国内服务器带宽很贵，以本服务器为例，带宽只有1M，如果要传这些几十k的css、js文件，会占用大量带宽，必然会导致网站加载缓慢。
修改attlia主题使高亮生效
目前的ghost和attlia版本，你会发现设置好highlight.js后并不会立马生效。需要修改attlia的style.css文件。文件位置asserts/css/style.css
修改.post-content pre .lines
这个是左边一侧显示行号的，主要是调整padding和line-height两个参数
style.css文件为了减小文件大小（这样可以节约带宽），没有缩进，看起来有一些些麻烦，需要耐心修改。直接搜索.post-content pre .lines进行定位，将padding修改为.5em (与highlight.js统一)，line-height改为1.2em(之前是2em，感觉间隔太大了，不方便看代码)
修改.post-content pre code,.post-content pre tt
修改类似上一步，主要是删除background。这里的backgroud覆盖掉了highlight.js的背景色，导致代码高亮效果不明显。
搜索找到该项，修改padding为.5em，line-height改为1.2em，删除backgroud一项
修改.post-content code,.post-content tt
删除background即可
重启ghost后，可以看到代码高亮已经生效
关于style.scss和style.css
style.scss在src/sass目录下，这个文件是可读的，通常是通过修改这个文件，再'编译'成style.css文件。而我为了偷懒，直接修改了style.css。
我又不是做前端的，偷个懒无可厚非吧
编译scss文件成css文件
自己DIY网站样式会按需修改css文件，介绍下编译scss文件的方法
使用npm安装sass
npm install -g sass
使用sass编译
sass --style compressed style.scss style.css