Prism
使用 Prism.js
为语法添加高亮显示,开启插件时需要将 highlight 插件去掉。
该插件自带的主题样式较少,可以再安装 prism-themes
插件,里面多提供了几种样式。
[!TIP|style:flat|iconVisibility:hidden|labelVisibility:hidden] npm install gitbook-plugin-prism
https://github.com/gaearon/gitbook-plugin-prism
{
"plugins": [
"prism",
"-highlight"
],
"pluginsConfig": {
"prism": {
"css": [
"prismjs/themes/prism-solarizedlight.css"
]
}
}
}
如果需要修改背景色、字体大小等,可以在 website.css 定义 pre[class*="language-"] 类来修改,下面是一个示例:
pre[class*="language-"] {
border: none;
background-color: #f7f7f7;
font-size: 1em;
line-height: 1.2em;
}