Hexo是一個靜態博客生成工具,它可以讓用戶使用Markdown語言來快速創建自己的博客網站。而其中一個非常實用的功能就是代碼塊的渲染,而渲染的形式就是將代碼以html格式展現出來。
在Hexo中使用代碼塊非常簡單,只需要在Markdown文件中使用三個反引號(```)包裹起來你的代碼,就可以生成一個代碼塊。代碼塊渲染使用的是highlight.js這個庫,它支持許多語言的代碼高亮。如果想要渲染某種語言的代碼,只需要在三個反引號后面加上這門語言的簡寫,如下所示:
```
```javascript
//代碼內容
```
在上面的代碼塊中,我們指定了代碼塊中的內容為javascript語言,這樣Hexo就會使用highlight.js來渲染這段javascript代碼,讓它的語法高亮。
渲染代碼塊并非只限于高亮語法,實際上,你可以使用一些特定的標簽來定義代碼塊。例如,你希望在代碼塊中展示一條長長的命令,那么在代碼塊開始和結束標簽中附加一個指定代碼塊類型的類名就可以了。例如,我們使用pre標簽來定義代碼塊,并在類名中指定代碼塊類型為“command”,代碼如下:
//命令內容上述代碼塊中的“command”類名是我們自己定義的。如果你使用別的類名,那么將會使用別的渲染方式來呈現代碼塊內容。 總結一下,Hexo支持代碼塊渲染功能,可以對支持的語言進行高亮的渲染。除此之外,還可以通過附加指定代碼塊類型的類名來控制代碼塊的呈現方式。這適用于渲染不同類型的代碼塊,使其在頁面上有更好的可讀性。
下一篇表格居中css樣式