有道云笔记+Everything+Typora+GitHub图床+PicGo+jsDelivr加速+截图工具——创造丝滑免费的Markdown写作环境

背景

对于在Windows使用Typora这个Markdown编辑器的用户，应该一开始都会遇到一个问题——粘贴到Typora上的图片，其地址是本地地址而不是网络地址，这就造成了在Typora上编辑文件的可移动性差。

我之前有参考过其他教程，使用七牛云来做图床，但是发现七牛云给的域名是测试域名，30天后就会回收，必须绑定一个自己的域名。对于学生党来说，注册一个顶级域名并备案，还是比较麻烦的，于是，后面我发现了下面的解决方案——使用GitHub图床。

工具说明

1.有道云笔记

目的：创建Markdown格式的文件，并自动保存在云及本地上。

官网：https://note.youdao.com/

2.Everything

目的：基于名称快速定位文件和文件夹，双击即可打开。

官网：https://www.voidtools.com/zh-cn/

3.Typora

目的：非常好用的一款Markdown编辑器。

官网：https://typora.io/

4.GitHub图床

目的：作为你保存图片的网络空间，替代七牛云图床。

官网：https://github.com/

5.PicGo图床工具

目的：将图片自动上传到你的GitHub图床，并返回一个Markdown格式的图片地址。

网址：https://github.com/Molunerfinn/PicGo/releases

6.截图工具

目的：截图并编辑图片。

这里使用微信的截图功能：Alt+A。（相应的，QQ截图快捷键为：Ctrl+Alt+A）

首次配置完整演示步骤

1.有道云笔记

下载安装有道云笔记并注册登录后，创建一个名为“GitHub图床测试”的Markdown文件：

2.Everything

(1)下载安装Everything后，按下面的图片来配置：

(2)然后在搜索栏输入刚刚在有道云笔记创建的名为“GitHub图床测试”的Markdown文件，找到这个文件：

3.Typora

(1)在下载安装好Typora的前提下，就能通过双击打开上图搜索得到的文件：

(2)让我们先在这种情况下尝试截图并粘贴一张图片：

我们发现，这张截图位于本地的E盘，这不是我们想要的。我们想把它放在网络空间上，让我们接着往下做。

4.GitHub图床

让我们来创建属于自己的GitHub图床。

(1)注册/登陆GitHub账号

这部分很简单，进入网址https://github.com/并注册/登陆即可。

(2)创建New repository

点击New repository

按如下步骤执行：(我的第1步报错是因为我已经创建了一个同名的Repository，你们不用担心)

(3)Github获取私人的token

点击Settings

进入Settings页面后，点击"Developer settings"

点击"Personal access tokens"

点击"Generate new token"，创建新的token

然后按以下步骤填写描述，选择"repo"，最后点击"Generate token"

注意："Generate token"创建成功后，会生成一串属于你的token，必须马上保存起来！！！因为这串token之后不再出现，也无法查看，所以第一次看到就要认真保存起来。

5.PicGo图床工具

(1)下载安装

点击进入https://github.com/Molunerfinn/PicGo/releases

macOS用户请下载最新版本的dmg文件，windows用户请下载最新版本的exe文件，linux用户请下载AppImage文件。

我是windows用户，于是我下载了exe文件，如下：

下载成功后，双击进行安装：

安装成功后，进入安装目录将"PicGo.exe"拉至任务栏，方便后续打开操作

(2)图床设置——GitHub图床

打开PicGo后，按如下步骤进行设置

• 设定仓库名：按照“账户名/仓库名的格式填写”
• 设定分支名：统一填写"master"
• 设定Token：粘贴之前你保存的token
• 指定存储路径：可以填写"img/"，这样就会在你的repository下创建一个名为“img”的文件夹
• 设定自定义域名：按照"https://raw.githubusercontent.com/用户名/Figure_bed/master"来填写。它的作用是，PicGo会按这个地址将图片上传到你的GitHub，并返回图片的一个指定地址格式(如Markdown格式)的链接，放在剪贴板上。

2020年3月18日编辑

---

• PS：为了使用jsDelivr加速访问，自定义域名应该按如下规则命名："https://cdn.jsdelivr.net/gh/用户名/图床仓库名"
  

---

(3)PicGo设置

这里重要的一点是"修改上传快捷键"，用于上传在剪贴板中的图片。

点击设置"修改上传快捷键"，可将快捷键修改为：“Ctrl+Shift+C”。

• 至此，首次配置完整演示步骤结束。

使用总结(操作步骤)

最后，总结一下配置完成后的使用过程。

1.打开有道云笔记，创建一个Markdown格式的文件

2.打开Everything，搜索你创建的文件的名字

3.双击文件，就能用Typora来打开

4.打开PicGo

5.截图或复制你想要的图片，后按"Ctrl+Shift+C"自动上传到你的GitHub图床

注意：由于每个人的网速不同，网速慢的可能要几秒钟后才上传成功。如果一直上传失败，请更换网络。

6.上传成功后，在Typora中按"Ctrl+V"即可粘贴剪贴板中图片的Markdown格式的网络地址

如图，粘贴的图片的地址已经是位于GitHub图床中的网络地址。

---

另外，我的建议是将用到的软件都放到任务栏的邻近的几个框，方便进行衔接操作，如下图所示：

从左到右依次是：有道云笔记、Everything、Typora、PicGo。

---

至此，所有的步骤已经介绍完毕。你可以使用这个方法来记笔记、写博客等，图片无论何时何地均有效。