作者	修订时间
	2024-12-31 16:36:50

注意：用的命令行尽量用powershell 有些命令cmd 用不了

比如：mv等 1

安装Gitbook所需工具

安装gitbook-cli

用于gitbook 命令行的安装

npm install gitbook-cli -g
gitbook --version

安装gitbook summary

用于自动生成Summary.md，该文件为目录文件

npm install -g gitbook-summary
book --version

创建项目

编写book.json

用来导入插件或指定全局配置，至于每个插件的用法可百度查询或在这个文章中查看。

{
    "title": "Wjlin0 Gitbook",
    "author":"Wjlin0",
    "description":"记录学习笔记",
    "language":"zh-hans",
    "root":"./docs",
    "links" : {
      "sidebar" : {
          "博客地址" : "https://wjlin0.com"
      }
   },

    "plugins" : [
      "back-to-top-button",
      "expandable-chapters",
      "github-buttons",
      "copy-code-button",
      "page-footer-ex",
      "anchor-navigation-ex",
      "-lunr", 
      "-search", 
      "hide-element",
      "search-pro",
      "donate",
      "splitter",
      "github",
      "-sharing",
      "sharing-plus",
      "custom-favicon",
      "page-treeview",
      "flexible-alerts"
    ],
    "pluginsConfig": {
      "github": {
        "url": "https://github.com/wjlin0"
    },
    "page-treeview": {
      "copyright": "Copyright &#169; wjlin0",
      "minHeaderCount": "2",
      "minHeaderDeep": "2"
  },
    "favicon": "./favicon.ico",
    "hide-element": {
      "elements": [".gitbook-link",".treeview__copyright",".treeview__main-title"
    ]
  },
      "github-buttons": {
          "buttons": [{
          "user": "wangzhebufangqi",
          "repo": "ActionTest",
          "type": "star",
          "size": "small"
        }]
      },  
      "page-footer-ex": {
              "copyright": "By [Wjlin0](https://wjlin0.com/)，使用[知识共享 署名-相同方式共享 4.0协议](https://creativecommons.org/licenses/by-sa/4.0/)发布",
              "markdown": true,
              "update_label": "更新时间：",
              "update_format": "YYYY-MM-DD HH:mm:ss"
      },   
      "donate": {
        "wechat": "",
        "alipay": "",
        "title": "",
        "button": "赏",
        "alipayText": "支付宝捐赠",
        "wechatText": "微信捐赠"
      },
      "sharing": {
        "douban": false,
        "facebook": false,
        "google": true,
        "hatenaBookmark": false,
        "instapaper": false,
        "line": true,
        "linkedin": true,
        "messenger": false,
        "pocket": false,
        "qq": false,
        "qzone": true,
        "stumbleupon": false,
        "twitter": false,
        "viber": false,
        "vk": false,
        "weibo": true,
        "whatsapp": false,
        "all": [
            "douban", "facebook", "google", "hatenaBookmark", 
            "instapaper", "linkedin","twitter", "weibo", 
            "messenger","qq", "qzone","viber","vk","weibo",
            "pocket", "stumbleupon","whatsapp"
        ]
    }

    }
  }

创建根目录，导入笔记

导入自己的笔记

mkdir docs
notepad.exe .\docs\README.md //图片中打错了

生成SUMMARY.MD文件

cd docs
book sm

构建项目静态文件

cd ../
gitbook install
gitbook build

构建完成之后，会生成几个目录，_book 为生成的静态资源 node_modules 为 node js的模块文件

测试本地环境

gitbook serve

构建github Page

免费的存放静态资源文件的。

构建github项目

构建如图所示仓库，仓库命名格式为xxx.github.io 这个xxx为你的账户名称就是途中左边那个wjlin0(要依据你的名字来哈)，我这里构建过了所以爆红了。

上传静态文件

cd .\_book\
git init
git add *
git commit -m "New commit"
git branch -M main
git remote add origin https://github.com/wjlin0/wjlin0.github.io.git
git branch --set-upstream-to=origin/main main
git push origin main

github page 构建

等待完成即可

配置自定义域

没有域名或者无需配置自定义域名可忽略这一步

选择右上角 settings

选择Pages -> Add a domain

选择 Add domain

在自己的DNS服务商做DNS TXT 解析，做完之后点击 Verify。回到仓库位置，选择 Custom domain，输入你刚刚自定义的域名，再点击保存。

访问

保存完之后 DNS check successful 通过之后，访问域名即可

https://wjlin0.github.io 或者 https://book.wjlin0.com

更新文件

导出 git

更新之前将之前 .git 导入出来

mv ./_book/.git ./

更新目录

cd docs && book sm && cd ../

构建静态文件

gitbook install # 若修改了book.json，则需要重新下载
gitbook build
mv  .git ./_book/

提交更新后的代码

### powershell的用法
cd ./_book
git pull
git add .
$A = Get-Date;git commit -m "$A";
git push

或者你可以这样

### cmd的用法
cd ./_book
git pull
git add .
git commit -m "%date:~0,4%-%date:~5,2%-%date:~8,2% %time:~0,2%: %time:~3,2%"
git push

更新脚本

update.bat

@echo on
SET p=http://localhost:1082 && echo %p% && C:\Users\TZ\.gitbook\versions\3.2.3\node_modules\.bin\npm.cmd config set proxy "%p%" && npm config set https-proxy "%p%" && cd /d %~dp0 && attrib -h ./_book/.git && move ./_book/.git ./ && cd ./docs && book sm && cd ../ && python update.py && gitbook install && gitbook build && move .git ./_book/ && attrib +h ./_book/.git && cd ./_book && git config --global https.proxy "%p%" && git config --global https.proxy "%p%" && git pull && git add . && git commit -m "%date:~0,4%-%date:~5,2%-%date:~8,2% %time:~0,2%: %time:~3,2%" && git push && git config --global --unset http.proxy && git config --global --unset https.proxy && npm config delete proxy && npm config delete https-proxy
pause

常用插件介绍

快速生成summary

https://blog.csdn.net/weixin_34383618/article/details/91629912

npm install -g gitbook-summary
book sm
book sm -i node_modules,_book    # 忽略 node_modules和_book目录

flexible-alerts 高级格式显示的提示块

> [!type|style:xx|label:xx|icon:xx|className:xx|labelVisibility:xx|iconVisibility:xx]
> 内容部分

键	允许的值	说明
!type	`NOTE`，`TIP`，`WARNING`和`DANGER`	警告级别设置
style	以下值之一: callout（默认）, flat	警告样式，见图19的左右不同
label	任何文字	警告块的标题位置，即Note这个字段位置（不支持中文）
icon	e.g. 'fa fa-info-circle'	一个有效的Font Awesome图标，那块小符号
className	CSS类的名称	指定css文件，用于指定外观
labelVisibility	以下值之一：visible（默认），hidden	标签是否可见
iconVisibility	以下值之一：visible（默认），hidden	图标是否可见

实例：

1. 这是简单的用法
> [!NOTE]
> 这是一个简单的Note类型的使用，所有的属性都是默认值。

---
2. 这是自定义属性的用法
> [!NOTE|style:flat|lable:Mylable|iconVisibility:hidden]
> "!type":`NOTE`、"style":`flat`、"lable":`自定义标签`、图标不可见

1、Note

[!NOTE] 这是一个简单的Note类型的使用，所有的属性都是默认值。

2、这是自定义属性的用法

[!NOTE|style:flat|lable:Mylable|iconVisibility:hidden] "!type":NOTE、"style":flat、"lable":自定义标签、图标不可见

3、TIP

[!TIP]

TIPS

3、WARNING

[!Warning]

WARNING

4、DANGER

[!DANGER]

DANGER

02.GitBook安装