html代码高亮SyntaxHighlighter代码高亮插件

发布时间 :2021-07-01

html代码高亮SyntaxHighlighter

首先点击下面下载链接下载文件得到daima.js和css.css和一个daima.png图片,图片就是高亮窗口左上角三个不同颜色的小圆饼,将下载下来的文件上传到你的网站,并且在需要高亮代码的页面<head></head>之间插入下面展示的5行代码,在需要高亮的代码用标签加上
<pre class="brush:php;toolbar:false">
这里面写你需要高亮代码的内容
酷酷博客kukuboke.com
</pre>

下面是本站代码高亮演示效果:

<link href="daima.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="daima.js"></script>

<script type="text/javascript">

 SyntaxHighlighter.all();
 
</script>

将以上5行代码放在网页头部head里面/head

<pre class="brush:php;toolbar:false">

这里面写你需要高亮代码的内容

酷酷博客kukuboke.com

</pre>




*有不懂的联系微信kukuboke
*转载请注明本文转自酷酷个人博客
https://www.kukuboke.com/muban/20.html

- END -