BlackChen'site

为Ghost添加代码高亮

刚刚开始用Ghost,发现代码尽然不能高亮~.~

研究了下发现,需要添加hightlight.js

通过引用CDN js连接的方式,为页面添加样式.
一个CDN js网站 : cdnjs

配置方式:

  1. 打开Ghost的管理界面(yoursite.com/ghost)
  2. 打开Code injection 标签

3. 在Site Header中添加:

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/styles/agate.min.css">  
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/highlight.min.js"></script>

4. 在Site Footer中添加:

<script>hljs.initHighlightingOnLoad();</script>  

大功告成!

注意:

agate 是我选择的主题,大家可以自由选择.

使用方式:

编写文章时,嵌入代码片段即可.  

例如嵌入C语言代码

" ``` C

    #include<stdio.h>

int main(){  

        printf("Hello, World!");    

        return 0;

}```"

#include<stdio.h>
    int main(){
    printf("Hello, World!");
    return 0;
 }

评论