hexo里的code代码高亮 2018-11-22 代码 阅读次数：

Hexo博客弄好之后，代码高亮显得太单调了，以前折腾wordpress的时候用param.js不太适合这个，多方查看找到个prettify 插件，尝试了一下之后效果还不错。

先关闭Hexo的代码高亮功能，修改根目录下的配置文件_config.yml

highlight:  
 enable: false  
 line_number: false   
 auto_detect: false  
 tab_replace:  

然后下载 prettify，把css和js文件丢到对应的hexo\themes\themeName\source\css、js文件夹里面，并引入

js引入位置在hexo\themes\themeName\layout\layout.ejs内：

<%\- js('js/prettify.js') %>  

css引入位置在

<%\- css('css/tomorrow-night.min.css') %>  

并且在页面加载完毕后调用

$('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto;');  
 prettyPrint();  

就这样，设置就完成了，刷新看效果
另外，可以在这个地方https://jmblog.github.io/color-themes-for-google-code-prettify/选择一套自己喜欢的主题替换上面的prettify.css即可。