本次教程用的是 highlight.js来实现的代码高亮。highlight.js支持很多编程语言例如PHP、Java等等同时也有很多主题 想进一步了解请点击 https://highlightjs.org/static/demo
整体配置步骤其实比较简单,步骤如下:
1、引入主题样式文件
2、引入highlight.js和对于的语言js
3、通过选择器调用highlight.js进行代码渲染。
整体配置方式通过tipask后台站点设置,页面头部扩展和底部扩展即可完成。
以PHP代码高亮为例:
1、去百度cdn找到highlight.js的资源
2、点击highlight.js,复制主题样式文件,粘贴到tipask后台页面头部扩展;复制highlight.js的js文件和PHP代码js文件粘贴到tipask后台页面底部扩展。
后台配置截图:
3、找到需要高亮的标签进行代码高亮处理:
好了,将上面的代码放到刚刚添加的js文件下面即可,代码高亮就配置完成了。
通过Tipask3.0编辑器插入代码片段:
点击pre标签即可。
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!