如何在WordPress中安装代码高亮显示插件:Pure-Highlightjs-1.0
发布时间:2018-12-12 23:11 星期三
我们在做技术型的Wordpress站点,经常会遇到需要插入代码的时候,如果使用Wordpress默认的编辑器那显然是不够的,这时候我们要快速实现这个功能就需要一款足够强大的插件,而Pure-HighlightJS插件就比较适合了。经过小喵的测试,刚接触这款插件的同学在5-10分钟之内就能够搞定了,如果你熟悉下面的这些过程的话,那么2分钟就能完成了。
使用效果:
<script>
alert("My First JavaScript");
</script>
第一步:先下载Pure-Highlightjs插件
链接:https://pan.baidu.com/s/1HkF_mPLnEM2Xx5hLBdN0oQ
提取码:daio

第二步:常规安装Pure-Highlightjs插件
上传插件的zip压缩包,然后点击“现在安装”按钮即可安装成功。

如果安装成功,会有类似的提示:

点击启用插件即可实现插件的正常使用。
第三步:设置插件
在设置=>Pure highlightjs 即可选择插件的主题包

第四步:使用插件
在发布文章的时候,文章编辑器里面有一个按钮,点击即可实现代码的插入


注意事项:
1.这个插件并不支持行号的显示
2.网站所有的代码显示为同一种设置风格,如果以后设置更改了,那么以前发布的文章的代码主题风格也有相应的变化
全部评论:1条