Prism- 幫助你要在文章裡面放入程式碼能夠更清楚顯示的工具

分享:

有要在文章內放入程式碼的話,一般都會使用一些套件來幫助讓程式碼在呈現時能像編輯器一樣清楚,這類的套件會叫做 highliter,而 Prism 就是一個為了這個目的而開發出來的 highliter。

使用方法很簡單,只要讀入 css 跟 js

<link href="themes/prism.css" rel="stylesheet" />
<script src="prism.js"></script>

 

接這像這樣在撰寫 code 的時候套上 css 即可。

<pre><code class="language-css">p { color: red }</code></pre>

Prism 本身支援的程式語言很豐富,可以參考官網文件看想要寫的語言是否有支援。