为 typecho 添加代码高亮 highlight.js

Posted starudream

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为 typecho 添加代码高亮 highlight.js相关的知识,希望对你有一定的参考价值。

1. 添加 css

header.php 中添加样式:

<link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.12.0/styles/github-gist.min.css">

2. 添加 js

footer.php 中添加脚本文件:

<script src="//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad()</script>

刷新页面就可以看到效果了。

以上是关于为 typecho 添加代码高亮 highlight.js的主要内容,如果未能解决你的问题,请参考以下文章

Vim Taglist 标签上的黄色高亮显示

使用prismjs为网站添加代码高亮功能

为Typecho增加文章阅读次数统计功能

为 PaintCode 代码创建的 UIButton 添加高亮效果

移动端的特殊样式

让typecho支持PHP7