修改zblog文章代码高亮 并将灰色背景修改为黑色样式

修改zblog文章代码高亮 并将灰色背景修改为黑色样式  Zblog教程 第1张

其实这个高亮原理很简单,针对不同的代码给不同的颜色,基本都会有相应的标签嵌套起来,找到对应类名或标签修改下颜色即可。

安排(只需改几句即可,目前,鹏仔只测试了js、html、css,其他没使用过,也不知道,大家有问题给鹏仔反馈即可)。

CSS

<style> /*修改代码黑色背景并高亮*/ pre[class*="language-"]{ background: #000; } code[class*="language-"]{ color: #ccc; text-shadow: none; } .prism-token.prism-operator{ background: transparent; }</style>

将上方css代码,放置你网站公共底部支持html地方即可,这样权重比较大,直接覆盖之前样式。

当然,你也可以在 /zb_users/plugin/UEditor/third-party/prism/prism.css 文件中针对修改,比较麻烦。

发表评论 取消回复

电子邮件地址不会被公开。 必填项已用*标注