Typera+Node.js+Git搭建托管于远端的写作平台(GitBook)(上)

简介: Typera+Node.js+Git搭建托管于远端的写作平台(GitBook)(上)

0x00 文章内容


  1. 环境准备
  2. GitBook闪亮登场

一直在寻找一个比较良好的MarkDown写作平台,几乎把市面上所有的产品都试过了,但还是决定这样解决,原因如下:

Typera是一个非常不错的MarkDown编辑器,但是复制到它上面的图片只能存放在本地,无法同步到云端,如果需要将你的MarkDown文本复制到其他平台,则需要将图片一一复制一遍,过程非常繁琐。

想要一个随时随地都可以远程开发的环境

主要的问题就是:真的有点复杂!


0x01 环境准备


1. Typera

a. 下载与安装(=> 链接跳转

b. 配置,因为要配置到Git,所以准备将图片配置成保存在assets文件夹,这样比较方便以后利用

image.png


2. Node.js

a. 请参考文章:

3. Git

a. Git的安装与配置(Mac版本)=> 链接跳转


0x02 GitBook闪亮登场


1. 安装GitBook

a. 全局安装GitBook(可以去看一下目录里有没有下载到东西)

npm install -g gitbook-cli

image.png


解释:Node.js默认安装了npm(node包管理工具),此处不用单独安装npm,执行以下命令安装GitBook。


2. 初始化GitBook

a. 新建一个文件夹,作为一本笔记本的主目录,之后将会有一篇又一篇的文章,此处我的文件夹为:test-book

mkdir test-book


image.png


b. 接着初始化GitBook,进入test-book文件夹,执行:

gitbook init


image.png


遇到问题:此时可能会遇到问题,一直卡在这里。

需要注意的点

  1. 注意cmd命令行要使用“管理员身份打开”,提升其管理员权限。


image.png


查资料说版本问题,于是我卸载了默认的3.2.3的版本:

gitbook uninstall 3.2.3

如果提示不需要卸载,则不管。

下载一个3.0.0版本:

gitbook fetch 3.0.0


image.png


等了几分钟之后,就提示安装完成了,此时再重新初始化就可以了:

gitbook init


image.png


解释:完成后,test-book文件夹下会多了两个文件 =>

README.md:书籍的介绍可写在此文件中

SUMMARY.md:书籍的目录结构可写在此文件中


image.png


3. 生产GitBook目录结构

a. 编辑SUMMARY.md文件,此时就可以使用Typora了,将内容修改为:


# 目录
* [前言](README.md)
* [第一章 全栈工程师之路](全栈工程师之路/README.md)
  * [第1节 前端](全栈工程师之路/前端.md)
  * [第2节 后端](全栈工程师之路/后端.md)
  * [第3节 运维](全栈工程师之路/运维.md)
  * [第4节 UI设计](全栈工程师之路/UI设计.md)
* [第二章 大数据](大数据/README.md)
* [第三章 云计算](云计算/README.md)
* [第四章 人工智能](人工智能/README.md)


b. 接着生成目录结构,在test-book文件夹中再次执行命令:

gitbook init

image.png



相关文章
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的家政公司服务平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的家政公司服务平台附带文章和源代码设计说明文档ppt
15 3
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的网络游戏交易平台信息管理系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的网络游戏交易平台信息管理系统附带文章和源代码设计说明文档ppt
9 1
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的校园二手交易平台的设计与开发附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的校园二手交易平台的设计与开发附带文章和源代码设计说明文档ppt
13 2
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的政府项目管理平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的政府项目管理平台附带文章和源代码设计说明文档ppt
8 2
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的中医+养老服务平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的中医+养老服务平台附带文章和源代码设计说明文档ppt
6 1
|
2天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的无纸化学习平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的无纸化学习平台附带文章和源代码设计说明文档ppt
8 2
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的《数据库系统原理》课程平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的《数据库系统原理》课程平台附带文章和源代码设计说明文档ppt
9 1
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的初小教育课外学习生活活动平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的初小教育课外学习生活活动平台附带文章和源代码设计说明文档ppt
6 1
|
3天前
|
JavaScript Java 测试技术
Java项目基于ssm+vue.js的学生宿舍维修服务平台附带文章和源代码设计说明文档ppt
Java项目基于ssm+vue.js的学生宿舍维修服务平台附带文章和源代码设计说明文档ppt
7 0
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js的线上学习平台系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的线上学习平台系统附带文章和源代码设计说明文档ppt
10 0