引入代码高亮插件Highlightjs

2020年4月8日 · 13 views · 

作用:

渲染html页面<pre><code></code><pre>内的代码,使代码高亮

引用js

首先,打开Highlightjs官网,滚到下面的“自定义包”,勾选需要的语言并下载。

接着,在html页面的<body></body>中间加入以下代码即可:

<link rel="stylesheet" href="/包的位置/styles/style.css">
<script src="/包的位置/highlight.pack.js"></script>

自定义代码风格

Highlightjs内置了一些代码风格,保存在style文件夹下。上面代码中的style.css文件可改为其它主题的css文件名。当然大佬们也可以自己写css。

返回

Steven's Website Copyright © 2020 Steven
Powerd by Wordpress & Theme by Steven
粤ICP备20028373号