建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

前端开发:一个语法高亮显示的JavaScript插件(highlight.js)(WordPress集成Highlight.JS实现代码高亮功能)

GG网络技术分享 2025-03-18 16:13 1


前端开发:一个语法高亮显示的JavaScript插件(highlight.js)

1、快速开始

https://github.com/isagalaev/highlight.js

下载完成后解压,把解压后的文件放到项目任意位置,在页面中引入任意一种风格和highlight.pack.js。

在body中创建元素,highlight.js会自动检测语言,如果无法检测出正确语言,请使用class属性设置语言。

运行一下脚本初始化即可,不需要任何其他代码一个高亮显示就做好了。

2、风格展示

①solarized-dark

②solarized-light

③railscasts

④monokai-sublime

⑤vs

⑥github

⑦color-brewer

⑧zenburn

3、语言展示

①swift

②css

③go

④typescript

⑤json

⑥python

⑦xml

⑧javascript


有哪里写得不好的地方请大家提出来,请轻喷,谢谢。 同时有什么与编程相关的好东西可以推举给我,再次感谢!

WordPress集成Highlight.JS实现代码高亮功能

WordPress代码高亮功能是很多站长都比较需要的功能,主要用来实现文章内代码高亮显示,更加方便查看文章内代码。

很多站长选择用插件实现这个功能,不过个人还是比较喜欢用代码实现代码高亮的功能,直接集成Highlight.JS就可以。

WordPress集成Highlight.JS实现代码高亮功能

标签:

提交需求或反馈

Demand feedback