Typecho 代码高亮(非插件)

Gavin Wu 2019年08月02日 14:08 Typecho 2,486 Views

Typecho代码高亮插件有很多,作者不喜欢用很多插件,找到把代码高亮集成到主题里的方法,而且方法比较简单。具体的方法是通过prism.js而不是PHP代码来实现语法高亮。

进入prism.js的官网,进入下载页面。在下载页面中选中你想要实现语法高亮的语言。

下载js文件(prism.js)和css文件(prism.css)

将下载的js和css文件上传到主题文件夹内

在主题文件中引用加载js和Css文件

一般是在header.php或者footer.php中适当位置,添加以下代码:

文章评论1 条

  1. Roy 回复

    之前用的插件 有些语言不支持,该用了你的这个方法,不过就是没有显示行号,但是行号的位置给空出来了,不知道是什么原因

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Top