typora 浏览器预览_Gitbook+Typora创建技术文档

2024-05-09 17:59:04

什么是GitBook？

GitBook 是一个基于 Node.js 的命令行工具。

所以我们首先需要安装 Node.js：Download | Node.js

下载对应的版本安装即可，安装完成后，可以在终端使用下面的命令来检验是否安装成功：

node

安装Gitbook：

npm

如果报错，就在命令行前面加上sudo，输入密码再次执行：

sudo

安装完之后，就会多了一个gitbook命令：

安装Typora：a markdown editor, markdown reader.

Typora是一款极简的Markdown编辑工具，使用非常简单。

安装好两款工具之后，我们就可以开始创建自己的文档或电子书了。

首先，新建一个空文件夹，例如命名为"book"；

然后在终端进入该文件夹下执行gitbook init：

cd

执行完之后，回到book文件夹，可以看到里面多了两个文件：README.md 和 SUMMARY.md

README.md 是对书籍的介绍
SUMMARY.md 是书籍的目录结构

接下来，打开Typora，将book文件夹拖进来，就可以编辑自己的内容了。

内容编辑完成后回到终端执行gitbook serve来预览这本书籍:

gitbook

最后提示是Serving book on http://localhost:4000，这时 Markdown 格式的文档已经被转换为 html 格式了，打开浏览器输入上面的网址http://localhost:4000，就可以看到书籍效果。

如果书籍已经编写完成，可以在终端执行gitbook build，会在book文件夹下生成一个html文件：

gitbook

如果要生成PDF格式的电子书，则在终端执行：

gitbook

写在最后

文章到这里就结束了！

如果还有什么疑问或建议，欢迎评论区或私信留言，文中若有错误之处，也请告知。

如果觉得文章对你有帮助，点个赞，打个赏，哈哈～

typora 浏览器预览_Gitbook+Typora创建技术文档相关推荐

Django在线预览docx格式的word文档
Django在线预览docx格式的word文档第一步明确功能是:预览word的docx文件. 具体实现是:在Django的模板文件中,定义预览方法:read_word2html from pydo ...
钉钉小程序上传预览下载word，pdf文档等一系列问题
钉钉小程序上传预览下载word,pdf文档等一系列问题小程序"用完即走"的理念使得有着很好的发展市场,不仅微信小程序,支付宝,钉钉小程序等都受用户的喜爱. 刚接触了一个企业内部应 ...
typora 浏览器预览_今日软件 | 造画、夸克浏览器、完美解码、Process Lasso、第三方微博客户端、专业矢量图/图像编辑工具...
今日软件更新安卓APP 「Share」3.5.1 # 第三方微博客户端 ▾下载:https://lanzous.com/ictvdlg 「夸克浏览器」4.1.2.133 # 轻快简洁的浏览器 ▾下载 ...
typora 浏览器预览_功能演示丨Adobe Xd安卓手机实时预览教程
记得把我设为星标哦,不然就看不到我了距离我们发布实时预览这个功能已经过去了一个月,这篇攻略上的有点晚但是很必要,请使用安卓设备的同学们请查收~ 我们需要尊重一下使用安卓手机的设计师们,并不是所有的设 ...
java实现在线预览word，excel,ppt文档
项目中遇到的word文档在线预览需求,查阅很多资料决定利用openoffice转换word文档为pdf进行预览实现. 1.下载openoffice4安装 www.openoffice.org: 2.导 ...
利用微软在线预览链接展示office相关文档内容
当我们需要将文档展示到页面的时候,往往会想到将office相关文件转换成pdf,然后再通过h5标签等方式展示到页面,无论是使用libreoffice或者openoffice,转换后的pdf效果都会有一 ...
浏览器预览html网址,在浏览器中预览网页
在浏览器中预览网页 10/11/2017 本文内容为了便于在 Microsoft Expression Web 中设计网页,您可以在不同 Web 浏览器和不同大小的窗口中预览网页的外观.可以选择的窗 ...
直播视频跨浏览器预览方案（ffmpeg+VideoJS+H5）
直播视频跨浏览器预览方案(ffmpeg+VideoJS+H5)附源码 1.概述 2.前言 3.思路 4.详解 4.1.ffmpeg 4.1.1.配置方法 4.1.2.验证方法 4.1.3.启动方法 4 ...
vscode无法打开浏览器预览解决方案
问题描述安装浏览器预览扩展后,可能会提示: 未安装浏览器,若已安装浏览器,请在默认应用页面创建关联! 解决方法 (1)打开电脑设置 -> (2)应用 -> (3)默认应用 -> ( ...
VScode下载安装、设置主题、中文、浏览器预览
昨天开始学习VUE,第一次用Visual Studio Code,把软件的下载.安装.设置主题颜色.设置中文界面以及如何使网页用浏览器预览整理了一下. 一.VScode下载 1.百度搜VScode官网 ...

最新文章

热门文章