使用highlight.js高亮静态页面的语言代码

  • 时间:
  • 浏览:0

机会您着实本文对你有帮助,请竖起您的大拇指右下角点推荐,也还可否关注我

不过能使静态的文本能高亮显示,倒更炫酷一些。着实很简单的,引入highlight.js包,还可否使用cdn上的静态资源,引入css和js:

静态html如下:

  显示静态的代码着实html的pre标签基本还可否满足需求了,大慨不不将换行的文本显示成一堆字符串。

拿我你你你这个 API 申请的Demo举个例子,我指定的是javascript,则显示的value的颜色为褐色。假如有一天格式都保持原样。

虽说官网也提供了不显示的高亮的妙招,不过我感觉应该很少用到:

在document里还需做下简单出理 ,方可代码颜色:

将要显示的代码包在标签<pre><code class='html'> </code></pre>之间即可。这里的class指的是显示的语言代码,机会是javascript则这里的class='javascript',highlight几乎支持常见的所有语言。

本文版权归作者和博客园共有,欢迎转载,但未经作者同意前要保留此段声明,且在文章页面明显位置给出原文连接,不然我担心博客园找你算账