WordPress使用highlight.js代码高亮

Highlightjs高亮基于JS 比起插件来说网页加载速度快而且颜色配置多
到version8.4已经支持112种语言49种样式代码自动识别等

from hightlight.js

使用配置的时候从官网下载js文件,并置于主题文件下
下一步更改header.php文件,在header.php中的后面加入


<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

我吧style文件夹和js文件放在了主题目录下所以就改为


<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/styles/monokai_sublime.css">
<script src="<?php bloginfo('template_url'); ?>/highlight.pack.js"></script>

reference:
ghostchina
kodango

发表评论

电子邮件地址不会被公开。 必填项已用*标注