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

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

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

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

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

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

<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css');?>"> <script src="<?php $this->options->themeUrl('prism.js');?>"></script>

在使用Markdown写文章时,只要在代码块标记`标记后面添加你的代码的语言名,如php, javascript等,就可以实现代码高亮展示。

2019-07-29 21.55.04 wusail.com 707ae28eefcf.png

标签: typecho, 代码高亮, 非插件

仅有一条评论

  1. Roy Roy

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

添加新评论