原文地址：https://www.zhaoyingtian.com/archives/65.html
插件地址：https://www.xcnte.com/archives/523/

基于prismjs的代码语法高亮typecho插件，支持众多常见的代码语言高亮显示，共提供11种代码高亮风格自由切换，支持显示代码语言类型、行号，以及支持复制代码到剪切板功能

效果展示

下载

此处内容需要评论回复后（审核通过）方可阅读。

激活

1、进入Typecho后台启用插件

2、关闭Hansome内置高亮：主题增强功能->启用主题内置代码高亮，取消勾选

3、将以下代码添加到主题增强功能：PJAX->PJAX回调函数

if (typeof Prism !== 'undefined') {
var pres = document.getElementsByTagName('pre');
                for (var i = 0; i < pres.length; i++){
                    if (pres[i].getElementsByTagName('code').length > 0)
                        pres[i].className  = 'line-numbers';}
Prism.highlightAll(true,null);}

4、将以下代码添加到主题设置后台：开发者设置->自定义 CSS

/*代码高亮激活*/
#post-content pre code {
    display:block;
    overflow-x:auto;
    position:relative;
    margin:0;
    padding-left:50px;
}
pre code {
    position:relative;
    display:block;
    overflow-x:auto;
    margin:4.4px 0.px .4px 1px;
    padding:0;
    max-height:500px;
    padding-left:3.5em
}

使用

\\```php(语言类型必填)
<?php echo 'hello jrotty!'; ?>
\\```

注意：实际使用没有\\和(语言类型必填)，这里是防止Markdown错误解析

Last modification：May 26, 2022
© Allow specification reprint
喜欢我的文章吗？ 别忘了点赞或赞赏，让我知道创作的路上有你陪伴。