微言心语 Typecho 正文

Typecho 代码高亮（非插件）

GavinWu • 2019年08月02日 • Typecho • 304 次阅读

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

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

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

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

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

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

GavinWu
版权说明：除非注明，否则均为 微言心语 原创文章，转载请注明。
本站地址：微言心语
原文地址：Typecho 代码高亮（非插件）
  • 分享到：

相关文章

  • 暂无相关文章

Comments | 1 条评论

  1. Roy 回复

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

发表评论

近期文章

随机文章

2021年10月
一 二 三 四 五 六 日
 123
45678910
11121314151617
18192021222324
25262728293031
O1CN01xmAfRY1chVAa3L9vn_!!6000000003632-0-tps-300-200.jpg

随机文章