Highlight Code 的好工具:Prism JS
Prism
highlight code 要做的兩件事:
- 要先做 tokenize,把 code 轉成:抽象語法樹(Abstract Syntax Tree,AST)
爬過<pre><code>
裡面的 code,變成可以上色、帶有 class name 的小 html tags - 置入你喜歡的 css 主題,讓 style class 去做相應的上色
highlight code 要做的兩件事:
<pre><code>
裡面的 code,變成可以上色、帶有 class name 的小 html tags