• 发布于:
  • 更新于: 2025-03-14
  • 约 118 字
  • 151 views
  • 分类: Typecho

typecho实现代码高亮，通常是使用各个大佬开发的插件，例如CodeHighlighter或者Code Prettify ，但插件太多的话，响应的速度会大打折扣，所以，我还是选择基于prism.js原生手搓。

构建

首先去prismjs选择颜色、语言、插件，然后把Diy好的css和js文件下载下来，上传到服务器（也可以上传到CDN）。

部署

随后打开当前主题的header.php文件，把下面代码插入到适当位置即可。

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

标签: typecho, prisjs, 代码高亮, code

上一篇: Ngin启用用HTTP3
下一篇: Typecho 修改默认后台管理地址
取消回复

添加新评论

仅有一条评论

  1. z z

    你好，你在我博客中问的这个代码高亮主题是我主要用 Claude 3.7 Sonnet 写的，不同 Prism 主题下的显示还有 bug 没修，你可以自己修一修再用，开源在这里了：
    [https://github.com/hqoq/Prismify](https://github.com/hqoq/Prismify)

    回复