wordpress中启用wp githuber md前端代码无法高亮?
- 2021年3月1日
- 2,263 次
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前端中高亮显示代码段内容。
若非作者标注皆为李涛自留地原创文章,转载或复制请以超链接形式并注明出处。
- 上一篇: 前端中jQuery学习的必要性
- 下一篇: jQuery中如何给元素添加多个css样式
- 利用Css3伪元素before特性给无序列表添加排序功能 2020-12-30
- Typora如何插入图片?Typora中插入图片的2种方法 2022-05-11
- Python列表排序中的sort()和sorted()有什么不同 2021-11-10
- PHP array_reduce() 函数详解:数组归约与聚合 2026-07-02
- python语言学习:学习python第一天 2021-01-19
- PHP explode() 和 implode() 函数详解:字符串与数组互转 2026-07-02
