天天看點

java實作文法高亮插件_【highlight.js】頁面代碼高亮插件

【highlight.js】

很多部落格都支援頁面插入各種語言的代碼,而這些代碼肯定是有高亮設定的。那麼在我們自己的頁面上如何進行代碼高亮設定?有現成的這個highlight.js插件我們可以使用。

highlight.js的官網是【https://highlightjs.org/】可以去上面下載下傳插件。如果習慣用cdn可以百度一下怎麼用cdn的方法來引用相關檔案,我這裡就把這個包下載下傳到本地來了。

■  簡單用法

簡單的用法我們主要用到了highlight/highligh.pack.js這個js檔案和highlight/styles/default.css這個CSS檔案。另外複習一下基本的HTML知識的話,我們可以知道在一個HTML界面上插入計算機代碼可以用

這個标簽。不過這個标簽僅僅是做了一些front和background的顔色上的設定。如果想讓代碼看着像代碼而不是文本的話那麼可以在code外面再套上一層

标簽。
           

基于這樣一種構想,我們構造出一個簡單的java代碼的高亮顯示:

Title

public class Test{

public static void main(String args[]){

System.out.println("Hello,World");

}

}