非插件实现Typecho语法高亮

具体的方法是通过prism.js而不是PHP代码来实现语法高亮。直接百度找到prism.js的官网,进入下载页面。在下载页面中选中你想要实现语法高亮的语言。

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

将下载的js和css文件上传到Typecho的主题目录,即“usr/themes/主题名”目录下。

登陆进入Typecho的后台,点击“控制台” -> “外观” —> "编辑当前外观"

编辑“header.php”,在"<heand></head>"标签中插入如下代码

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

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

猜你喜欢

转载自blog.csdn.net/shana_8/article/details/81151112