版权声明:本文为博主原创文章,未经博主允许不得转载。你想转载请附加连接哦 https://blog.csdn.net/dmw412724/article/details/83999979
highlight.js支持几十种语言和几十种css
下载highlight.js去,然后解压出里面的js和css。
demo需要:
1.引入css和1个js。以及<script>hljs.initHighlightingOnLoad();</script>
2.使用<pre><code>这俩标签夹着代码内容。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<link rel="stylesheet" href="styles/xcode.css">
<script src="highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body>
<pre class="java"><code>
package com.alisita.sqlite_demo;
/**
* Hello world!
*
*/
public class App {
public static void main(String[] args) {
System.out.println("Hello");
}
}
</code></pre>
</body>
</html>
效果:
个人觉得prism.js更好