typecho怎么实现无插件语法高亮

html-css011

typecho怎么实现无插件语法高亮,第1张

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

选完后,往下拉动页面,可以看到有两个下载按钮,一个下载js文件(prism.js),一个下载css文件(prism.css),把两个文件都下载下来。

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

然后登陆进入Typecho的后台,点击“控制台” ->“外观”。

然后点击“编辑当前外观” ->“header.php”,在左边的代码框中找到"</head>",在它之前输入如图中的代码。

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

上传JS和CSS文件到wordpress网站

我把文件上传到了网站的wp-content目录,然后在页面中引用。

三、修改header.php和footer.php文件

找到wordpress 使用的主题目录,分别修改header.php和footer.php文件

打开header.php文件,在标签前添加CSS引用。修改后就是这样

<html>

<head>

...

<link href="themes/prism.css" rel="stylesheet" />

</head>