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

 时间:2026-02-15 14:04:00

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

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

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

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

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

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

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

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

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

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

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

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

7、最后,在首页以中展示出的文章中的代码块就会被高亮显示。

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

  • 修改mysql初始密码
  • Dw中如何插入子元素
  • 活用Mysql的information_schema库Tables表?
  • 如何使用Bootstrap内的样式控制图片并展示不同
  • 使用java实现插入排序
  • 热门搜索
    真菌感染用什么药 不知所措什么意思 感性什么意思 做表格用什么软件 得过且过是什么意思 女青读什么 三炮是什么意思 虚怀若谷什么意思 氨水是什么 清华大学校训是什么