gitbook插件(四)

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

gitbook-plugin-xxx

来命名的

1.安装搜索插件

npm install gitbook-plugin-search-pro

gitbook插件(四)_第1张图片

安装成功

可以看到package.json多出插件名

gitbook插件(四)_第2张图片

 然后更改book.js的插件那一行

//插件列表
  "plugins": ["-lunr","-search","search-pro"],

然后ctrl+S保存

然后

npm run serve

此时就可以高亮了

2.代码框插件

 

npm install gitbook-plugin-code

gitbook插件(四)_第3张图片

 安装成功后对应添加book.js设置

"plugins": ["-lunr","-search","search-pro","code"],

然后运行

gitbook插件(四)_第4张图片

此时有了代码框并且可以复制

如果加了这个

"pluginsConfig":{
    "code": {
      "copyButtons": false
    }
  },

 那代码就会失去复制功能

3.主题插件



gitbook-plugin-theme- - npm search

在这个网站上这样搜索就可以找到需要的主题 

gitbook插件(四)_第5张图片 

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

4.返回顶部插件

 gitbook-plugin-back-to-top-button - npm

 

然后更改配置

{
    "plugins" : [ "back-to-top-button" ]
}	

我这里加完后是

 

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

 

然后运行一下

gitbook插件(四)_第6张图片

此时就有这个插件啦 

你可能感兴趣的:(前端,前端)