從prism.js的網(wǎng)站上可以下載自己需要的樣式.

樣式選擇

選擇python. 主題選擇是因?yàn)楦覀僷ycharm當(dāng)前使用的主題比較類似.

TomorrowNight主題

在鏈接的底部有下載鏈接.CSS與JS都需要下載.

下載

把下載的文件放在static文件夾

目錄結(jié)構(gòu)

在html文件中引用

image.png

prism.js要放在html的末尾.它是等到原來(lái)的html渲染之后再去改造元素的innerHtml.

實(shí)施異步加載

js代碼

我們需要編輯代碼,因此每次出現(xiàn)新的代碼的時(shí)候,需要prism.js來(lái)得到新的innerHtml.因此每當(dāng)我們修改了代碼區(qū)域的textContent之后,就要運(yùn)行Prism.highlightElement函數(shù)來(lái)執(zhí)行語(yǔ)法高亮.

Prism的插件

如果想開(kāi)發(fā)自定義的Prism插件的話可以參考他們的文檔