gitbook 插件 html,【已解决】gitbook安装代码高亮插件:Prism

本文介绍了如何在GitBook中替换默认的代码高亮样式,选择了Prism插件并配置了深色背景的主题。通过修改`book.json`文件,安装并配置了`prism-themes`,尝试了不同主题,最终选择`prism-atom-dark.css`作为代码高亮样式。
摘要由CSDN通过智能技术生成

折腾:

期间,发现gitbook自带的代码高亮感觉不够好看:

97155607879f94b5c36d3accf336aac6.png

想要找个好看的代码高亮的插件。比如深色背景的。

去加上配置:

“plugins”: [

“-lunr”,

“-search”,

“search-plus”,

“disqus”,

“-highlight”,

“prism”,

“prism-themes”

],

“pluginsConfig”: {

“theme-default”: {

“showLevel”: true

},

“disqus”: {

“shortName”: “crifan”

},

“prism”: {

“css”: [

“prism-themes/themes/prism-duotone-dark.css”

]

}

}

再去安装:

➜  htttp_summary git:(master) ✗ gitbook install

info: installing 4 plugins using npm@3.9.2

info:

info: installing plugin “search-plus”

info: install plugin “search-plus” (*) from NPM with version 1.0.3

info: >> plugin “search-plus” installed with success

info:

info: installing plugin “disqus”

info: install plugin “disqus” (*) from NPM with version 0.1.0

info: >> plugin “disqus” installed with success

info:

info: installing plugin “prism”

info: install plugin “prism” (*) from NPM with version 2.3.0

/Users/crifan/GitBook/Library/Import/htttp_summary

├── gitbook-

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值