又推荐一款代码高亮插件——prism.js

这是国外的一款js插件,里面也有很多样式可以自定义。

https://prismjs.com/

进入首页后点击download,然后就进入自定义的页面了。

选择你要的主题,代码语言,还有js插件包,然后点最下面的两个大按钮下载js和css

接着就是在你要使用的页面中引入这个js和css咯。。

然而。。你引入后可能会发现你的代码并没有变化。。那是因为这个插件默认是对带有class*=language-的code标签和pre起作用的,而你的编辑器生成的code和pre可能没有这个class,这个怎么可能难倒苦逼的程序猿呢。。

进入prims.css。。把里面的[class*="language-"]全部删掉,保存一下,然后再去刷新页面。

咦。。是不是有效果了~哈哈,就是这么简单!!

猜你喜欢

转载自blog.csdn.net/u013724078/article/details/81358241