0%

使用Gitbook打造免费个人电子书!

使用Gitbook打造免费个人电子书!

概述:

本文详细的介绍了lures第一次白嫖网上搭建电子书的详细过程,有兴趣的朋友们可以进去看看~~

1、安装Node.js

1
官网地址:https://nodejs.org/en/

1
具体的安装过程就不再介绍,纯属傻瓜式安装步骤~~~
2
但是下面这步要注意,放到自己想放的盘,建议和Node.js在同一个盘!(当然这时候Node.js安装包可以删掉了,毕竟只是一个镜像文件~emoji)

2、安装Gitbook!

1
[windows+R]快捷键调出窗口,并输入cmd打开命令符界面,接着按下[enter]回车,如下图

1
在命令行输入下面的代码:
2
	npm install gitbook-cli -g

1
因为,我之前安装过了Node.js,所以Gitbook安装完是这个界面!文件夹略微有所不同(我之前搭建github博客也是这个文件夹~)

3、Gitbook的基本使用!

1
为了演示操作,我准备将第一本电子书存放到这个路径:
2
	E:\lures2020_workplace\lures2020-demos\2020_2_28Gitbook打造个人电子书
3
4
1)初始化书籍目录:gitbook init
5
	(README.md 和 SUMMARY.md 是两个必须文件, README.md 是对书籍的简单介绍, SUMMARY.md 是书籍的目录结构)
6
	
7
2)编译和预览书籍:gitbook serve
8
	(注意: gitbook serve 命令实际上会首先调用 gitbook build 编译书籍,完成以后会打开一个 web 服务器,监听在本地的 4000 端口)

1
现在需要使用windows窗口命令进入到我们创建的目录下面:(以我的文件夹目录为例!)

1
下面启动本地服务,查看书籍状况:
2
	gitbook serve
3
复制:http://localhost:4000到浏览器查看状态

4、简单书写!

1
Gitbook是一个开源软件,支持Markdown语法来编排书本,同时也支持HTML语法!
2
下面,我们使用sublime编译器来书写一下电子书!

1
在SMMARY.md中将[Introduction]替换成[本书介绍],接着[Ctrl+S]进行保存,然后gitbook serve查看现在的状态如何~~

1
注意:
2
	Summary代表的是电子书的目录部分,每一行的那个格式代表一个目录,要是想要在该目录下添加子目录,可以像下面格式一样:
3
	* [根目录](part.md)
4
	-- * [子目录](part1.md)

1
至于目录里面的文章以及介绍部分的书写大家可以先熟悉一下Markdown和HTML的语法!

5、相关插件!

1
gitbook支持许多插件,用户可以在下面的官网进行搜索gitbook相关的插件!
2
	https://www.npmjs.com/
3
gitbook 的插件信息会保存在 book.json 文件里
1
以下是我个人常用的插件:
2
gitbook-plugin-donate(打赏按钮): https://www.npmjs.com/package/gitbook-plugin-donate
3
4
gitbook-plugin-github-buttons(GitHub按钮): https://www.npmjs.com/package/gitbook-plugin-github-buttons
5
6
gitbook-plugin-edit-link(GitHub编辑按钮): https://www.npmjs.com/package/gitbook-plugin-edit-link

1
插件的安装:
2
	1)需要新建一个文件:book.json
3
	2)复制需要的代码,这里以"打赏"按钮为例进行说明!

1
{
2
    "title": "使用Gitbook打造免费的个人电子书",
3
    "description": "lures手把手完整式教程!",
4
    "author": "lures",
5
    "language": "zh-hans",
6
    "root": ".",
7
8
    "plugins": [
9
        "donate",
10
        "github-buttons@2.1.0",
11
        "edit-link"
12
    ],
13
14
    "pluginsConfig": {
15
        "donate": {
16
            "wechat": "https://lures2019.github.io/images/wechatpay.png",
17
            "alipay": "https://lures2019.github.io/images/alipay.png",
18
            "title": "",
19
            "button": "打赏",
20
            "alipayText": "支付宝打赏",
21
            "wechatText": "微信打赏"
22
        },
23
        "github-buttons": {
24
            "repo": "lures2019/lures2020-demos",
25
            "types": [
26
                "star"
27
            ],
28
            "size": "small"
29
        },
30
        "edit-link": {
31
            "base": "https://github.com/lures2019/lures2020-demos/2020_2_28Gitbook打造个人电子书",
32
            "label": "Edit This Page"
33
        }
34
    }
35
}
1
注意:
2
	上面都是我自己的图片地址以及GitHub仓库的名字,你们需要自己替换~~~
3
	另外,在gitbook serve之前,需要先gitbook install,否则报错,如下图:

6、将Gitbook电子书部署到GitHub上!

1
下载Git软件: https://git-scm.com/downloads
2
(具体使用教程参考我的公众号文章:https://mp.weixin.qq.com/s?__biz=MzU5OTkzNDMyMQ==&mid=2247484320&idx=1&sn=9b456e9e563a03e1adbea6256cd89224&chksm=feac17bec9db9ea8eb50a38eee3cdebaf7789148736c7871fdd2b5ba58207d790d2b0d8fe950&token=1673133867&lang=zh_CN#rd)
3
4
master 分支保存书籍的源码
5
gh-pages 分支保存书籍编译后的 HTML 文件
6
	git checkout -b gh-pages
1
注册和登录Github的过程我就不详细叙述了!大家可以参考这篇文章:
2
	https://blog.csdn.net/rj597306518/article/details/71307757

1
新建一个仓库:lures2020-gitbooks

1
复制仓库的ssh地址,打开想克隆仓库的位置Git bash,接着输入下面的代码:
2
git clone git@github.com:lures2019/lures2020-gitbooks.git
3
cd lures2020-gitbooks
1
接着,将_book文件夹里面的文件全部拷贝到新的文件夹里,如下图:

1
接着,便可以输入下面这些命令:
2
git add .
3
git commit -m "lures2020年上传到github上的第一本电子书"
4
git push -u origin master

1
最后,经过好久的测试,终于over,顺便记录下教程,感谢我就打赏一下吧!
如果对你有帮助的话,请作者喝一杯奶茶吧!