Skip to content

melodyne/highlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Highlight.js

Build Status

Highlight.js 是用JavaScript编写的代码高亮显示类库。它在浏览器和服务器上都能工作。它几乎适用于任何标记,不依赖于任何框架,并且具有自动语言检测功能。

效果

如何使用

// 这里如果要换成其他主题样式,请更换default.css样式文件!
// 例如:换成dark.css,确保styles下有该文件,具体的样式效果,请查看 https://highlightjs.org/static/demo

<link rel="stylesheet" href="/styles/default.css">

<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

程序将会在<pre><code>中找到并突出显示代码;它试图自动检测语言。如果自动检测对您不起作用,您可以在类属性中指定语言

<pre><code class="html">...</code></pre>

支持的语言类列表在类引用中可用。类也可以用语言或lang进行前缀。 要禁用高亮显示,请使用nohighlight类:

<pre><code class="nohighlight">...</code></pre>

自定义初始化

如果你需要在自定义标签中实现代码高亮美化,此时需要自定义初始化,这里需要用到jquery配合jQuery,需要引入,别忘记了!

$(document).ready(function() {
  $('pre code').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});

相关

官网 https://highlightjs.org/.

接口 http:https://highlightjs.readthedocs.io/.

样式 https://highlightjs.org/static/demo/.

Releases

No releases published

Packages

No packages published