使用GitBook写文档并生成电子书(静态网页)

简介: 使用GitBook写文档并生成电子书(静态网页)

本文目录


nodejs高于6.0版本要安装gitbook3.2.3版本以上,否则会有问题


1、Gitbook 简介


1.1 Gitbook


  • GitBook 是一个基于 Node.js 开发的命令行工具,使用它可以很方便的管理电子书,GitBook 是目前最流行的开源书籍写作方案。
  • 使用 GitBook 可以让创作者专注写作,自由的挥洒,不必太多的关心内容排版、发布和版本管理等问题。
  • 除了通过 GitBook 命令行管理电子书外,还可以在线或者使用桌面编辑器 Gitbook Editor 来编写和管理电子书。
  • 对于新手来说,推荐使用 Gitbook Editor 来编写和管理电子书,因为它集成了 GitBook 命令、Markdown 编器和 Git 的功能,内容通过 Git 可与 gitbook.com / Gitlab / GitHub 同步,方便版本管理和团队协作。
  • 可对于程序员或熟悉 Git 和 Markdown 的人,更推荐使用 GitBook 命令行 + Typora + SourceTree 来编写和管理电子书。使用专业工具做专业的事,比 Gitbook Editor 高效很多。
  • GitBook 是开源的。


1.2 GitBook 功能


  • 支持 Markdown 或 AsciiDoc 语法。
  • 可导出静态站点或电子书(PDF、epub、mobi)。
  • 支持多语言。
  • 可设置封面。
  • 支持变量、模板和模板继承。
  • 有丰富的插件。


1.3 GitBook 的工具组合


  • Node.js:为了使用 npm 安装 GitBook,一定要先安装 Node.js。
  • GitBook 命令:基于 Node.js 开发的命令行工具,用于创建和管理电子书。
  • Markdown:GitBook 使用 Markdown 来写作,作者再也不用担心排版了。
  • Git:GitBook 使用 Git 管理写作内容,方便多人协作和版本管理。
  • Github/Gitlab:跟代码一样,写作的内容可以托管在 Github 或 Gitlab 中。
  • gitbook.com:用于在线编写、发布和托管电子书的网站。


1.4 GitBook 的使用场景


  • 搭建公司内部的文档平台,用于公司内部的资料共享。
  • 发表开源的电子书,用于在互联网上共享自己的知识,普惠大众。

2、Gitbook 环境配置


2.1 安装 Node.js


  • 因为 GitBook 是使用 Node.js 开发的,需要通过 Node.js 包管理工具 NPM 安装,所以在开始之前要先把 Node.js 安装好。

2.2 安装 GitBook


  • 使用 NPM 安装 GitBook 的命令行工具。
$ sudo npm install gitbook-cli -g
  • 安装完成后查看 GitBook 的版本。
$ gitbook --version
  • 更新 GitBook 命令。
$ npm update gitbook-cli -g
  • 卸载 GitBook 命令。
$ sudo npm uninstall gitbook-cli -g
  • 注意:
  • 本例中使用的是全局安装 GitBook 命令,还有一种安装方式是本地安装,两种方式有什么不同呢?
  • 本地安装:安装包会被下载到当前所在目录,因此只能在当前目录下使用。
  • 全局安装:安装包会被下载到到特定的系统目录下,安装包能够在所有目录下使用。
  • 例如,查看 macOS 下全局安装被安装到了哪里?
$ which gitbook
/usr/local/bin/gitbook
  • GitBook 被安装到了 /usr/local/bin/ 目录下,因此可以全局使用。


2.3 快速开始 GitBook


  • 1)初始化 GitBook
# 创建 mygitbook 文件夹,并切换到这个文件夹下面
$ mkdir mygitbook && cd mygitbook
# 初始化 gitbook 工作目录,创建必要的文件
$ gitbook init
warn: no summary file in this book
info: create README.md
info: create SUMMARY.md
info: initialization is finished
  • 然后会初始化 GitBook 目录,创建两个 md 格式的文件 README.md 和 SUMMARY.md
  • README.md - 项目的介绍都写在这个文件里。
  • SUMMARY.md - GitBook 的目录结构在这里配置。
  • 2)定义目录结构
  • 两种方法
  • 在 SUMMARY.md 文件中定义目录结构有两种方法。
  • 方法 ➊. 先定义好目录结构,通过 gitbook init 自动生成目录结构对应的文件夹和 Markdown 文件。
  • 方法 ➋. 先创建好文件夹和 Markdown 文件再来编辑目录结构。
  • SUMMARY.md
  • SUMMARY.md 的目录结构长什么样?看下面:
# Summary
* [项目简介](README.md)
* [快速开始](docs/快速开始.md)
 * [环境搭建](docs/环境搭建.md)
 * [简单使用](docs/简单使用.md)
* [学入学习](docs/深入学习)
  • 这个目录建好以后在根目录下执行命令:
$ gitbook init
  • 那些没有的目录和文件都会被创建:
info: create docs/快速开始.md
info: create docs/环境搭建.md
info: create docs/简单使用.md
info: create docs/深入学习.md
info: create SUMMARY.md
info: initialization is finished
  • gitbook init 只支持生成两级目录。
  • 3)启动服务
  • 在根目录执行命令:
$ gitbook serve
  • 结果:
Live reload server started on port: 35729
Press CTRL+C to quit ...
info: 7 plugins are installed
info: loading plugin "livereload"... OK
info: loading plugin "highlight"... OK
info: loading plugin "search"... OK
info: loading plugin "lunr"... OK
info: loading plugin "sharing"... OK
info: loading plugin "fontsettings"... OK
info: loading plugin "theme-default"... OK
info: found 5 pages
info: found 0 asset files
info: >> generation finished with success in 1.9s !
Starting server ...
Serving book on http://localhost:4000       # 注意浏览地址
  • 执行 gitbook serve 命令后,会先编译书籍 gitbook build,如果没有问题会打开一个 Web 服务器,默认监听 4000 端口。如果编译有问题,会抛出错误信息。
  • 4)查看效果

用浏览器打开 http://localhost:4000/http://127.0.0.1:4000/ 查看显示书籍的效果。


image.png

  • 如果想发给别人看,把 localhost 换成自己电脑的 IP 地址。


gitbook新版本"gitbook build"命令导出的html不能跳转的解决办法


gitbook是一个很好用的工具,但是呢,我装了好几个版本,老是出现这个问题,于是请教周围的前端大神,大神提出了解决方法,这个问题倒是可以暂时解决,具体一劳永逸的做法还没找到,谁知道了,别忘了告诉我一声啊!

可能原因

新版本的gitbook不支持了这个功能

具体原因

由于点击事件被js代码禁用,所以点击没有反应,但是如果右键,在新窗口/新标签页打开的话是可以跳转的

解决办法

找到js代码,并修改

找到项目目录gitbook

找到目录下的theme.js文件

找到下面的代码

将if(m)改成if(false)

由于代码是压缩后的,会没有空格,搜索的时候可以直接搜索: if(m)for(n.handler&&

if (m)
    for (n.handler && (i = n,
    n = i.handler,
    o = i.selector),
    o && de.find.matchesSelector(Ye, o),
    n.guid || (n.guid = de.guid++),
    (u = m.events) || (u = m.events = {}),
    (a = m.handle) || (a = m.handle = function(t) {
        return "undefined" != typeof de && de.event.triggered !== t.type ? de.event.dispatch.apply(e, arguments) : void 0
    }
    ),
    t = (t || "").match(qe) || [""],
    l = t.length; l--; )
        s = Ze.exec(t[l]) || [],
        h = g = s[1],
        d = (s[2] || "").split(".").sort(),
        h && (f = de.event.special[h] || {},
        h = (o ? f.delegateType : f.bindType) || h,
        f = de.event.special[h] || {},
        c = de.extend({
            type: h,
            origType: g,
            data: r,
            handler: n,
            guid: n.guid,
            selector: o,
            needsContext: o && de.expr.match.needsContext.test(o),
            namespace: d.join(".")
        }, i),
        (p = u[h]) || (p = u[h] = [],
        p.delegateCount = 0,
        f.setup && f.setup.call(e, r, d, a) !== !1 || e.addEventListener && e.addEventListener(h, a)),
        f.add && (f.add.call(e, c),
        c.handler.guid || (c.handler.guid = n.guid)),
        o ? p.splice(p.delegateCount++, 0, c) : p.push(c),
        de.event.global[h] = !0)
    }

完成修改

保存,测试可用

目录
相关文章
|
缓存 JavaScript 前端开发
hexo 命令速查小册
hexo 命令速查小册
|
7月前
|
JavaScript 前端开发 搜索推荐
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
406 1
|
7月前
|
JavaScript 搜索推荐 前端开发
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
241 0
|
前端开发 Linux C++
又一款神级插件,这下连PPT都不用装了|在VSCode中用Markdown写PPT
又一款神级插件,这下连PPT都不用装了|在VSCode中用Markdown写PPT
|
Shell 开发工具 git
Hexo系列(五) 撰写文章
Hexo系列(五) 撰写文章
154 0
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
242 0
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
|
程序员
typora+PicGo+github搭建程序员必备创作环境
typora+PicGo+github搭建程序员必备创作环境
179 0
|
资源调度 Linux Windows
手把手搭建VuePress文档(二)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
159 0
手把手搭建VuePress文档(二)
|
人工智能 自然语言处理 JavaScript
手把手搭建VuePress文档(四)
原本想用 gitbook 实现流沙团队文旦,奈何出现一堆奇奇怪怪的 bug 后,我花了一天时间写完文档,然后决定放弃它使用 VuePress。
358 0
手把手搭建VuePress文档(四)