Skip to content

xxNull-lsk/LightPrismJs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

介绍

基于prismjs的代码语法高亮typecho插件,支持众多常见的代码语言高亮显示,各种代码高亮风格自由切换,支持显示代码语言类型、行号,支持复制代码到剪切板。

起因

尝试了各种代码高亮插件(ColorHighlight、Code Prettify等等)。结果发现都有各种兼容问题,效果不太理想。所以,研究了一下prismjs。没有对prismjs做任何调整,仅仅是把prismjs嵌入到了typecho里面。

激活

  1. 下载本插件,解压放到 <安装目录>/usr/plugins/目录中;

  2. 文件夹名改为 LightPrismJs

  3. 登录管理后台,激活插件 (请勿与其它同类插件同时启用,以免互相影响)

升级

因为没有对prismjs做任何调整。所以,可以从Prism官网下载后直接覆盖更新。

常见问题

  1. maupassant主题的兼容问题。

        maupassant主题的CSS调整了code标签的样式,跟显示行号有冲突,导致行号错位。只需要注释掉下面这几行即可。

.post-content pre code ,.comment-content pre code {
    padding: 1.5em 2em;
}
.post-content p code, .comment-content p code {
    display:inline;
    margin:0 5px;
    padding:3px 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
}