Prism

使用 Prism.js 为语法添加高亮显示,需要将 highlight 插件去掉。该插件自带的主题样式较少,可以再安装 prism-themes 插件,里面多提供了几种样式,具体的样式可以参考 这里,在设置样式时要注意设置 css 文件名,而不是样式名。

Prism 插件地址

{ "plugins": [ "prism", "-highlight" ], "pluginsConfig": { "prism": { "css": [ "prism-themes/themes/prism-base16-ateliersulphurpool.light.css" ] } } } 如果需要修改背景色、字体大小等,可以在 website.css 定义 pre[class*="language-"] 类来修改,下面是一个示例:

pre[class*="language-"] { border: none; background-color: #f7f7f7; font-size: 1em; line-height: 1.2em; }

当前版本内容更新不及时,完整版请切换至 Gitbook 教程

results matching ""

    No results matching ""