wordpress中启用wp githuber md前端代码无法高亮?

1月初,将wordpress的默认的古腾堡编辑器切换成了markdown编辑器,启用了wp githuber md插件,最初未写代码段的时候,没发现前端代码无法高亮的问题,在学习python写了一段python代码引用代码段的时候才发现此问题,前端直接将markdown的代码段解析转换成了字符串文本样式,看上去相当奇怪和丑陋,并未达到最初启用wp githuber md插件想要的效果。

今天折腾了许久终于弄明白是啥原因了,在wp githuber md设置中的模组设置中,第一项代码高亮prism.js部分中,虽然插件可以自选几种高亮的css样式,但是并未加载prism.js文件,而在插件文件目录中也未找到prism.js这个文件,前端代码段无法高亮显示,罪魁祸首可能就是缺少prism.js文件,最后到prism.js官网中查阅了相关说明,这时才明白要在wordpress中加载prism.css和prism.js这两个文件,才能使markdown引用的代码段在前端高亮显示。在prism.js官网中可以挑选自己喜欢的css样式以及需要高亮显示的代码语言,还可以选择对代码段的复制等功能。

根据自己喜好下载完css和js文件后,在wordpress中引用这两个文件即可在wordpress前端中高亮显示代码段内容。