代码自动高亮插件HighlightJS

2017年3月15日 1856点热度 0人点赞 0条评论

代码自动高亮插件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 项目地址:点击这里

WPTalk

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论