如何用highlight.js和clipboard.js实现代码块高亮及复制功能？

本文共计962个文字，预计阅读时间需要4分钟。

主要从两方面入手：1. 高亮显示/换行 2. 复制代码按钮。这两方面都有现成的插件。

代码高亮插件——highlight.js：

1.下载highlight.js的js文件。

https://highlightjs.org/ 点击get version进入版本选择页面。 输入所需语言，点击get按钮，下载对应的js文件。

主要从两个方面入手了：

1.高亮显示/换行

2.复制代码按钮

这两方面都有现成的插件。

代码高亮插件——highlight.js

1.下载highlight的js文件。

highlightjs.org/

点击get version按钮进入语言选择

勾选常用语言，通常common就足够用了。

点击download，下载，解压，里面会有js文件和css文件。

js文件决定哪些部分高亮，css决定代码颜色

2.在解压后的文件里找到一个highlight.pack.js文件，在使用时导入这个js文件。