Hexo高级教程之代码高亮

Hexo高亮

hexo已实现代码高亮，代码封装在hexo-util插件中，使用的是hightlight.js，通过include_codetag标签来使用，功能已经很强大了，而且自带行号显示，可以满足大多数博主的需求了。但是它仍然存在一些局限性，比如在Nova主题中，有些语言不支持，无法高亮，而且界面也比较丑，所以个人还是倾向于自由使用hightlight.js来高亮代码，使用起来比较灵活，还能扩展一些功能，但是hightlight.js默认是不带行号的。为此，也是遇到了不少坑。后来在某歪果仁的博客中找到一个行号解决方案，在其基础上，终于实现了一个较为理想的代码高亮方案。

加载highlight.js

使用[highlight.js]非常简单，只需以下简单的几步。
首先，在博客站点根目录的_config.yml中，将highlight.enable设置为flase以关闭自带的高亮方案。

其次，引入highlight.js的css及js（如果使用较多，推荐在主题模板中作为全局js引入）。

<link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.2.0/styles/github.min.css">
<script src="//cdn.bootcss.com/highlight.js/9.2.0/highlight.min.js"></script>

[highlight.js]有许多代码风格，博主可以根据博客站点主题风格，选择合适的代码风格，我使用的是github风格。

然后，在文档加载完毕之后初始化

  // highlight
  hljs.initHighlightingOnLoad();

如此࿰