使用docker部署 在本地目录拉取项目代码 root@usky-backdb:~# cd /var/services/ root@usky-backdb:~# git clone http://47.111.81.118:3000/uskycloud/usky-dev-doc.git root@usky-backdb:/var/services# cd usky-dev-doc/ 查看是否正确 root@usky-backdb:/var/services/usky-dev-doc# ll total 228 drwxr-xr-x 15 root root 4096 Jun 26 11:04 ./ drwxr-xr-x 16 root root 4096 Jun 26 11:01 ../ drwxr-xr-x 2 root root 4096 Jun 26 10:40 bin/ drwxr-xr-x 12 root root 4096 Jun 26 11:04 _book/ -rw-r--r-- 1 root root 182 Jun 26 11:03 book.json -rw-r--r-- 1 root root 45 Jun 24 16:40 book.json.bak drwxr-xr-x 8 root root 4096 Jun 26 11:03 .git/ -rw-r--r-- 1 root root 476 Jun 24 14:58 .gitignore drwxr-xr-x 2 root root 4096 Jun 24 14:59 .html/ drwxr-xr-x 13 root root 12288 Jun 26 11:02 node_modules/ -rw-r--r-- 1 root root 126760 Jun 24 17:02 npm-debug.log -rw-r--r-- 1 root root 71 Jun 26 11:02 package.json -rw-r--r-- 1 root root 3854 Jun 26 11:02 package-lock.json -rw-r--r-- 1 root root 6037 Jun 25 23:59 README.md -rw-r--r-- 1 root root 4225 Jun 26 11:04 SUMMARY.md drwxr-xr-x 2 root root 4096 Jun 25 09:02 会议记录/ drwxr-xr-x 2 root root 4096 Jun 25 08:54 团队制度/ drwxr-xr-x 2 root root 4096 Jun 24 14:58 开发管理/ drwxr-xr-x 2 root root 4096 Jun 26 10:55 技术分享/ drwxr-xr-x 2 root root 4096 Jun 25 23:59 设计管理/ drwxr-xr-x 2 root root 4096 Jun 25 08:54 进度跟踪/ drwxr-xr-x 2 root root 4096 Jun 26 10:37 项目架构/ drwxr-xr-x 2 root root 4096 Jun 24 14:58 项目管理/ root@usky-backdb:/var/services/usky-dev-doc# root@usky-backdb:~# docker images #查询镜像 REPOSITORY TAG IMAGE ID CREATED SIZE phpmyadmin 5.2.1 878650d0fc15 14 months ago 562MB jumpserver/jms_all v3.10.6 397d150bf76a 15 months ago 2.62GB jumpserver/jms_all v3.10.5 0dc156e155f7 15 months ago 2.62GB hub.zentao.net/app/zentao latest 4cae640bf3bf 17 months ago 550MB mysql 5.7.44 5107333e08a8 18 months ago 501MB redis 6.2.14 800a4c20dea0 18 months ago 127MB root@usky-backdb:~# root@usky-backdb:~# docker pull fellah/gitbook #拉取镜像 这里gitbook是3.2.3版本 root@usky-backdb:~# docker images REPOSITORY TAG IMAGE ID CREATED SIZE phpmyadmin 5.2.1 878650d0fc15 14 months ago 562MB jumpserver/jms_all v3.10.6 397d150bf76a 15 months ago 2.62GB jumpserver/jms_all v3.10.5 0dc156e155f7 15 months ago 2.62GB hub.zentao.net/app/zentao latest 4cae640bf3bf 17 months ago 550MB mysql 5.7.44 5107333e08a8 18 months ago 501MB redis 6.2.14 800a4c20dea0 18 months ago 127MB fellah/gitbook latest 29087de21915 8 years ago 287MB * root@usky-backdb:~# 修改后配置文件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": ["mermaid-gb3", "expandable-chapters", "-lunr", "-search", "search-pro", "popup", "code", "tbfed-pagefooter", "back-to-top-button", "hide-element", "sidebar-style", "auto-scroll-table", "splitter", "edit-link", "page-toc-button"], "pluginsConfig": { "mermaid-gb3": { "default": { "theme": "default", "scale": 1.0 } }, "hide-element": { "elements": [".gitbook-link"] }, "tbfed-pagefooter": { "copyright":"Copyright © 永天科技 2025", "modify_label": "该文件修订时间:", "modify_format": "YYYY-MM-DD HH:mm:ss" }, "sidebar-style": { "title": "《团队技术文档》", "author": "研发中心" }, "edit-link": { "base": "http://47.111.81.118:3000/uskycloud/usky-dev-doc/src/feature-zjy", "label": "编辑" }, "page-toc-button": { "maxTocDepth": 2, "minTocSize": 2 } }, "language": "zh-hans" } #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 脚本内容 #!/bin/bash cd /var/services/usky-dev-doc docker ps -a | grep usky-book docker rm -f usky-book sleep 5 git pull sleep 10 book sm gitbook init gitbook build docker run --name usky-book -p 4000:4000 -v /var/services/usky-dev-doc/:/srv/gitbook -v /var/services/usky-dev-doc/.html:/srv/html --restart=always -d fellah/gitbook sleep 5 docker ps -a | grep usky-book docker logs usky-book 说明 - /srv/gitbook 是gitbook工作目录,用来存放源文件,映射到了本地的/var/services/usky-dev-doc/ - /srv/html 是构建后的html文件,可在WEB服务中查看,映射到了本地的/var/services/usky-dev-doc/.html - 请确保本地的usky-dev-doc目录中包含至少README.md和SUMMARY.md两个文件 - 访问:http://localhost:4000/ 插件描述如下 渲染图表 添加Mermaid-gb3插件 支持渲染Mermaid图表 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "mermaid-gb3" ], "pluginsConfig": { "mermaid-gb3": { "default": { "theme": "default", "scale": 1.0 } } } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-mermaid-gb3 --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 侧边目录展示方式 添加expandable-chapters 插件 默认的侧边目录是全部展开的,该插件可以使左侧导航目录默认折叠。 可以支持点击展开后的目录一直保持展开的状态,这点和 chapter-fold 不同。 和 expandable-chapters-small 效果相同,唯一不同的是这个插件的箭头粗一些。 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "expandable-chapters" ] } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-expandable-chapters --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 高级搜索 添加search-pro 高级搜索插件 支持中文搜索 在搜索结果中,关键字会高亮;自带的 search 插件,关键字不会高亮 在使用此插件之前,需要将默认的 search 和 lunr 插件去掉; 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "-lunr", "-search", "search-pro" ] } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-search-pro --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 在新页面查看大图 添加popup 插件 单击图片,在新页面查看大图。 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "popup" ] } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-popup --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 代码块 添加code插件 code 代码添加行号&复制按钮 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins" : [ "code" ] } 如果想去掉复制按钮,可配置 "pluginsConfig": { "code": { "copyButtons": false } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-code --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 页面添加页脚 添加tbfed-pagefooter 插件 站点底部的版权相关说明配置。 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "tbfed-pagefooter" ], "pluginsConfig": { "tbfed-pagefooter": { "copyright":"Copyright © learn.fuming.site 2019", "modify_label": "该文件修订时间:", "modify_format": "YYYY-MM-DD HH:mm:ss" } } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-tbfed-pagefooter --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 回到顶部按钮 添加back-to-top-button 插件 当页面超过一屏幕时,会显示一个 回到顶部按钮 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "back-to-top-button" ] } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-back-to-top-button --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 效果图,注意关注页面的右下脚图标 文本隐藏 添加hide-element插件 可以隐藏不想看到的元素,比如导航栏中 Published by GitBook 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "hide-element" ], "pluginsConfig": { "hide-element": { "elements": [".gitbook-link"] } } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-hide-element --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 默认可以移除最左侧下方的提示信息: Published with GitBook 或 本书使用 Gitbook 发布 侧边添加标题 添加sidebar-style 插件 在左侧最上方添加标题。 在左侧导航最下方替换掉 Published by GitBook 提示信息 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": ["sidebar-style"], "pluginsConfig": { "sidebar-style": { "title": "《团队技术文档》", "author": "研发中心" } } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-sidebar-style --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 表格滚动条 添加auto-scroll-table插件 为避免表格过宽,添加滚动条。 在超过文章默认宽度时才会显示,不够宽也是没有滚动条的。 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": ["auto-scroll-table"] } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-auto-scroll-table --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 侧边宽度调节 添加splitter 插件 侧边栏宽度可调节 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "splitter" ] } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-splitter --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 页面编辑 添加edit-link插件 页面出现编辑按钮 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins": [ "edit-link" ], "pluginsConfig": { "edit-link": { "base": "http://47.111.81.118:3000/uskycloud/usky-dev-doc/src/feature-zjy", "label": "编辑" } } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-edit-link --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book 悬浮目录 添加page-toc-button插件 maxTocDept 标题的最大深度(2 = h1 + h2 + h3)。不支持值> 2。 默认2 minTocSize 显示toc按钮的最小toc条目数。 默认 2 使用方法 在配置文件的plugins中添加插件 root@usky-backdb:/var/services/usky-dev-doc# vim book.json { "plugins" : [ "page-toc-button" ], "pluginsConfig": { "page-toc-button": { "maxTocDepth": 2, "minTocSize": 2 } } } 保存后下载插件并重启服务 root@usky-backdb:/var/services/usky-dev-doc# sudo npm install gitbook-plugin-page-toc-button --save #执行脚本构建gitbook容器 root@usky-backdb:~# var/services/usky-dev-doc/bin/reload-book