介绍一款非常轻量级的代码高亮插件Prism

下载

官网Prism.

下载其中的 css,js 文件，在自己的网页中引入文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
 ...
 <link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
 ...
 <script src="prism.js"></script>
</body>
</html><!DOCTYPE html>
<html>
<head>
 ...
 <link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
 ...
 <script src="prism.js"></script>
</body>
</html>

引用

代码放在 pre,code 标签中，在文本的源代码中, pre 标签中加上class=”language-css”属性

像这样

1
2
3
<pre class="language-python">
<code>...</code>
</pre>