如何实现代码的高亮功能
在GitBook生成的静态文档中,默认的代码样式没有高亮,不够醒目。这是由于在书写md时,没有指定代码语言。指定特定语言后,即可实现高亮:
<p>test</p>
上述效果的代码如下:
```html
<p>test</p>
```
highlight插件支持的语法
gitbook-plugin-highlight
使用 highlight.js
作为后台渲染引擎,highlight.js
支持的语言及简写可在官方手册中查看。
使用prism插件
系统自带插件的高亮功能并不完善,可使用prism插件增强,该插件需要先禁用highlight
插件。
在配置文件中增加如下信息:
{
"plugins": ["-highlight", "prism", "prism-themes"]
}
"pluginsConfig": {
"prism": {
"css": [
"prismjs/themes/prism-solarizedlight.css"
]
}
}
使用prism
高亮插件的优点在于,可以使用不同的配色方案,且语法关键词识别度比highlight
插件高。prism
支持的语言可在其官方网站查询。