前言

markdown 是一门易于上手能帮助作者专心写作的文档编辑语言。而Tpyora是一款优雅的markdown编辑器。用 Tpyora 写的笔记和文章可以直接复制到 csdn、简书 、博客 等上发布，很方便。

唯一的问题就是要处理下图片！

用Typora 写文章时插入本地图片，图片是存储在本地，如果本地图片被删除或者移动位置，那么文章中的图片就无法正常显示了。把内容复制到 csdn，简书、博客等发表，都会显示不支持外部链接。解决方法就是将图片上传到图床。

图床是干什么的？ 图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除。

1. GitHub 仓库设置

1.1 新建 GitHub 仓库

点击 git 主页右上角的 + 创建 New repository；

填写仓库信息，例如我就创建了一个 cloudimg 的仓库。这里注意，仓库得设置为 Public ，因为后面通过客户端访问算是外部访问，因此无法访问 Private ，这样的话图片传上来之后只能存储不能显示。所以要设置为 Public 。

1.2 创建个人访问令牌 Access Token

此时仓库已经建立，点击右上角头像，然后进入设置；

在页面最下面找到 Developer settings ，点击进入；

创建 Token；

填 description（也是随心填），勾选复选框 repo ，接着到页面底部 Generate token 就完成了；

然后复制生成一串字符 token，这个 token 只出现一次，所以要保存一下（我一般记在微信收藏）。

2. PicGo 客户端配置

2.1 下载&安装

PicGo （目前 2.3.0-beta.3）是一个开源的图床工具，非常优秀。可以到 git 上下载，但下载速度太慢，所以我放了一个Yandex Disk的链接，速度快很多。
Git地址： PicGo
Win版下载链接： Yandex Disk

2.2 配置

点击PicGo配置，选择我们要用的GitHub图床：

GitHub设置

• 设定仓库名：GitHub上对应的图床的仓库名，需要注意，仓库名不能有空格
• 设定分支名：默认 master
• 设定Token：之前申请过的 token 粘贴上去
• 指定存储路径：图片在cloudimg存储库下的存储路径（我想把上传上来的图片存储在data文件夹里面，这里就填data/）

• 设定自定义域名：

  1. 不使用jsDelivr：https://raw.githubusercontent.com/[Github_username]/[仓库名]/master
  2. 使用jsDelivr后：https://cdn.jsdelivr.net/gh/[Github_username]/仓库名@master

3. PicGo 使用说明

(1) 上传图片

(2) 上传完图片可以在相册中查看上传的图片（当然在github的cloudimg存储库中，也可以查看）

(3) 点击复制图片的访问地址，就可以直接在 Markdown 编辑器中使用了。

(4) 图片重新命名
在相册中，选择图片点击修改按钮，可以修改图片的名称。

(5) 工具默认上传前不做重命名，如果需要在上传前重新命名，我们可以到 PicGo设置中进行设置，把上传前重命名开关打开即可

(6) 修改上传快捷键

图片上传注意事项

配置好PicGo后就可以拖动本地图片到上传区了，注意：

• 图片名最好是英文
• 名字不能包含-、空格 等一系列特殊符号