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更好