代码自动高亮插件HighlightJS

下载插件

Github 项目地址：https://github.com/isagalaev/highlight.js

下载 highlight.pack.js 文件以及相应的 css 样式

集成主题

头部 head 加载 JQuery 文件及 HighlightJS 相关文件

<script src='<?php echo get_stylesheet_directory_uri(); ?>/highlight/highlight.pack.js' type='text/javascript'></script>

<link href='<?php echo get_stylesheet_directory_uri(); ?>/highlight/github-gist.css' type="text/css" rel="stylesheet" />

页面底部 标签之前加入自动加载代码

<script type="text/javascript">
    $(document).ready(function(){
        $('pre,code').each(function(i,block){
            hljs.highlightBlock(block);
        });
    });
</script>

其他调用方法，可以访问 GitHub 项目地址：点击这里