使用highlightjs做代码高亮

前言后语

久伴之前发布过插件版本,但是久伴觉得一个代码高亮没必要使用插件

效果图

教程

去官方选择https://highlightjs.org/风格下载css样式和js,最好本地化
引用以下代码

<link rel="stylesheet"
      href="vs2015.css">
<script src="highlight.min.js"></script>

注意路径,你想使用什么风格就在引用的css那里更换名字,例如vs2015.css换成java.css
然后使用

<pre><code class="html">这里就是要显示高亮的代码</code></pre>

如果你是html语言想要高亮显示就在class类那里填写html如果你是java就填写java以此类推
如果想让代码自动高亮需要在引用的js和css下面加一段代码

<script>hljs.initHighlightingOnLoad();</script>

人已赞赏
HTML+CSS

网站背景潮流,我们确定跟风吗?

2018-8-31 1:42:35

HTML+CSS

console.log控制台日志输出美化

2018-11-30 13:44:59

6 条回复 A文章作者 M管理员
  1. 久伴

    交换链接吗

    • 久伴

      来吧

  2. 久伴

    我记得begin主题自带这个功能吧,不用去研究吧,不过它自带的没你那么亮,哈哈!

    • 久伴

      哈哈

  3. 久伴

    其实知更鸟自带代码高亮的功能

    • 久伴

      这个有很多样式啊

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索