1. 登录gitbook
- 点击
sign in
- 选择用github账号登录
2. 新建book
- 点击 new book 新建一个book
- 输入相关信息
-
进入配置页面
选择
github
,点击export to github
(这里也可以自己在github创建库然后输入github库名称点击save)
- 点击 check URL
3. 添加webhook
- 出现500未成功的解决方案
直到 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,最终实现我想要的效果。