1. 登录gitbook
- 点击
sign in
![](https://img.haomeiwen.com/i1243812/cf2e770d2322fa15.jpg)
- 选择用github账号登录
![](https://img.haomeiwen.com/i1243812/c168e154a05f1539.jpg)
2. 新建book
- 点击 new book 新建一个book
![](https://img.haomeiwen.com/i1243812/91e1e2d0ec2637c5.jpg)
- 输入相关信息
![](https://img.haomeiwen.com/i1243812/edebb5f9c9ed06ea.jpg)
-
进入配置页面
-
选择
github
,点击export to github
(这里也可以自己在github创建库然后输入github库名称点击save)
![](https://img.haomeiwen.com/i1243812/fb1cbdfe1ed4bfda.jpg)
- 点击 check URL
![](https://img.haomeiwen.com/i1243812/719687351d64f6d6.jpg)
![](https://img.haomeiwen.com/i1243812/8c955c117c6332e5.jpg)
![](https://img.haomeiwen.com/i1243812/d9da7e6bafe28feb.jpg)
![](https://img.haomeiwen.com/i1243812/80d725cc4729594d.jpg)
![](https://img.haomeiwen.com/i1243812/21352cde068b9a1b.jpg)
3. 添加webhook
![](https://img.haomeiwen.com/i1243812/c08224acf3332fec.jpg)
![](https://img.haomeiwen.com/i1243812/deb361358a64dd8a.jpg)
![](https://img.haomeiwen.com/i1243812/028e27a38dcbdee9.jpg)
![](https://img.haomeiwen.com/i1243812/4aa4dc1bfc79b8a1.jpg)
![](https://img.haomeiwen.com/i1243812/b2c2b98619997df9.jpg)
- 出现500未成功的解决方案
![](https://img.haomeiwen.com/i1243812/3e09fd44cb4b75d8.jpg)
![](https://img.haomeiwen.com/i1243812/e51920ac661dd971.jpg)
直到 ping 通 200 方为大功告成!
4. 最后的工作
- clone 之前的test.git 到本地
- 详细了解gitbook如何编排书本请参考本地址:gitbook编写教程
- 将自己的作品放入本地的test.git 仓库
- 放入 treeSync.js ,在node环境中 运行命令:
node treeSync.js //根据当前目录动态生成 SUMMARY.md 文件
-
在readme.md中放入css与js代码 详细内容访问以下地址
https://github.com/FengZeming/mycode -
最终效果
https://fengzeming.gitbooks.io/mycode/content/
-
思路其实很简单,就是在node环境中遍历当前目录,生成树形的SUMMARY.md,gitbook会根据这个文件生成左边的菜单栏,然后通过修改菜单栏的原始dom结构与css,最终实现我想要的效果。
网友评论
动手达人