锐客网

  1. 首页 > it技术 > >

前端|gitbook插件（四）

前端

Gitbook最灵活的地方就是有很多插件可以使用，如果对插件不满意还可以自己写，也可以自己写插件。所有插件的命名都是以

gitbook-plugin-xxx

来命名的

1.安装搜索插件
npm install gitbook-plugin-search-pro

前端|gitbook插件（四）
文章图片

安装成功
可以看到package.json多出插件名
前端|gitbook插件（四）
文章图片

然后更改book.js的插件那一行
//插件列表 "plugins": ["-lunr","-search","search-pro"],

然后ctrl+S保存
然后
npm run serve

此时就可以高亮了
2.代码框插件
npm install gitbook-plugin-code

前端|gitbook插件（四）
文章图片

安装成功后对应添加book.js设置
"plugins": ["-lunr","-search","search-pro","code"],

然后运行
前端|gitbook插件（四）
文章图片

此时有了代码框并且可以复制
如果加了这个
"pluginsConfig":{ "code": { "copyButtons": false } },

那代码就会失去复制功能
3.主题插件

gitbook-plugin-theme- - npm search
【前端|gitbook插件（四）】在这个网站上这样搜索就可以找到需要的主题
前端|gitbook插件（四）
文章图片

然后对应需要安装使用即可

4.返回顶部插件
gitbook-plugin-back-to-top-button - npm


然后更改配置
{ "plugins" : [ "back-to-top-button" ] }

我这里加完后是

"plugins": ["-lunr","-search","search-pro","code","back-to-top-button"],


然后运行一下
前端|gitbook插件（四）
文章图片

此时就有这个插件啦

    推荐阅读


    上一篇：android|android studio python3开发环境_Android Studio 学习笔记 - 开发环境的架设

    下一篇：Android Studio开发APP笔记（一）