Ghost增加语法高亮

刚刚迁移到Ghost博客上,感觉一切都是棒棒哒,优雅的首页简洁的后台操作(相比Wordpress那复杂的后台).但是正如世间的一切事物,Ghost也有其不够优雅的地方,比如她没办法实现代码高亮 这是很多人都不能忍的

不过还好有"highlight.js"这款神器,它的官方介绍中

  • 支持 71 种编程语言的语法解析并且拥有 44 种样式
  • 自动检测编程语言
  • 同时为多种编程语言代码高亮
  • 支持各种标签
  • 与任何 js 框架兼容

当然以上是直接复制来的Orz

这里是我修改过的highlight的代码和样式表

highlight.js css样式表

点击即可下载,然后保存在你的服务端上或者cdn上边~

接着把引用代码复制在后台的插入代码中 代码如下

<link href="css_add/highlight_sublime.min.css" rel="stylesheet">  
<script src="js_add/highlight.min.js"></script>  
<script >hljs.initHighlightingOnLoad();</script>//这里是启动hightlight用的  

当然老规矩,css代码插入页头,js脚本插入页尾.再次刷新页面,是不是萌萌哒呢?

李鹏飞

一个充满好奇心的产品美少年,一心扑在ZeroNet上

北京 海淀区