使用highlight.js高亮你的代码

自己写项目的时候,你引入的编辑器对于代码的处理可能不是你想要的效果,或者是代码跟文章混在一起,不能起到很好的让人一眼就定位到代码的位置。这时候你就需要一个代码高亮的插件来让你的代码更富有活力。

我使用的是highlight.js这个插件,这个具体的使用方法在官网上有,这里我只简单的介绍一下怎么引入。

根据官网的doc,只需要三行代码就可以使用了,非常方便,自己写了个小demo测试了一下。还是很有效果的。

<link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">  

<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script> 
 
<script >hljs.initHighlightingOnLoad();</script>  

直接引cdn的文件就好了。就是下面这个样子,觉得配色不和你胃口的,就去官网参考一下其他配色。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值