typora+PicGo(app)+github 配置markdown图床

🍪github

1.注册github  github地址。

2.创建一个新项目，用来存储图片。

3.生成一个token用于PicGo操作你的仓库：

访问：settings/tokens

然后点击 Generate new token。

把repo的勾打上即可。然后翻到页面最底部，点击 Generate token的绿色按钮生成token。

**注意：**这个token生成后只会显示一次！你要把这个token复制一下存到其他地方以备以后要用。

🍖Picgo

1. 下载地址

选择下载类型：

2.解压安装到非英文目录

3.配置picgo

仓库名——github名/项目仓库名

分支——默认主分支master或main即可

Token——在github中保存的token

存储路径——项目下的子目录

自定义域名——这里用的是cdn.jsdelivr.net/gh提升图片的加载速度

重命名——在上传图片的时候可以给图片重命名（默认时间命名）

别的就不一一介绍了。

🍩Typora

1.下载安装最好用的markdown编辑工具

typora官网

2.配置typora

文件->偏好设置

根据我图中配置即可：

上传服务： 选择PicGo（app）

PicGo路径：选择你安装的PicGo下的exe文件

🍭开始工作

1.截图粘帖到typora中

2.右击图片——>上传图片——>重命名——>上传成功

3.可以在picgo和github仓库中看到刚上传的图片

😰踩坑记录

1.敲黑板

之前没用jsdelivr的服务，发现图片在挂代理的时候可以加载，不挂代理很难加载出来。

这里强烈建议大家去了解 jsdelivr的用法。

基本用法：

cdn.jsdelivr.net/gh/github名/仓库名/文件名

2.验证失败可能因为你已经验证成功并把两张图上传到github图床了

解决：请去github仓库删除 typora-icon.png typora-icon2.png两张图 并重新检测。

3. 出现 Failed to fetch

解决：确认在PicGo中打开了Server服务，监听端口与typora 检验端口保持一致

4.上传失败

有可能是网速的原因，建议多上传几次试试。

typora结合picgo实现上传图片到gitee

1、下载PicGo

到PicGo 官网上下载PicGo，最新版的是2.3.0-beta.3，但是据说还不够稳定，我个人是比较喜欢稳一点的，所以安装了2.2.2版本的。

然后自己根据自己的电脑系统来进行安装，我这里是win10所以下载的是这个：

安装完之后如果打开的时候出现 A JavaScript error occuredin the main process，不能打开picgo，我们可以在win的搜索栏输入 %appdata%

然后把picgo的文件夹删除掉就可以打开了。这里一定要记得你安装的路径，因为等一下配置typora的时候需要用到picgo的启动路径。

2、安装node.js

因为picgo结合gitee需要使用到nodejs，所以我们需要下载nodejs。有关node.js安装的教程，网上很多，推荐一个吧： https://www.cnblogs.com/minxiang-luo/p/12490526.html.我这里就不多赘述了。

3、创建gitee仓库和生成令牌

记得一定要选择公开。

之后就是生成私人令牌，进入设置

点击生成私人令牌

（注：令牌只会显示一次，如果不复制的话，就只能重新修改令牌，步骤：修改 --> 重新生成令牌）

这些全选就完事了。

4、配置picgo的gitee

然后再picgo安装gitee插件

（注：若没有安装 node.js ，则会安装不了插件。因为插件下载需要使用到 node.js 的npm！）

配置gitee，在左侧的图床设置选择gitee图床，进行设置：

具体可以看你设置的仓库的url，如下：

配置好之后选择设为默认图床确定

5、设置typora

然后再需要上传图片的时候点击上传图片就可以了

About Me