不依赖第三方js库,不需要写调用代码!
prism.js使用
引入两个文件(prism.css
和prism.js
),pre标签里面一个code标签,code标签上面加上class=”language-语言名字”即可,代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>代码高亮</title> <link rel="stylesheet" href="./prism.css"> </head> <body> <pre> <code class="language-js"> console.log("hello,world"); <code> </pre> <script src="./prism.js"></script> </body> </html>
prism.js获取
官方网站:http://prismjs.com/download.html