Typora，PicGo和Gitee搭建免费图床

逃离我推掉我的手 2022-11-07 05:56 228阅读 0赞

#  #

最近因为要将一些整理的面试资料托管到`github`上面，方面以后实习秋招用到，本地笔记是用`Typora`写的，是个很方便的`markdown`写作工具，然后推送到`github`仓库，笔记中会含有一些图片文件，本来是用相对路径引入的，也在仓库中，按理说应该可以通过页面加载出来，但是很奇怪，这个`github`偶尔能加载出来，时常是加载不出来的，如下：

![图片加载失败][7353d9cc619d87ebb6d2c53c68aa279d.png]

想着有没有免费的图床，将图片上传到图床，生成链接，再引入文档中，这样就可以通过网页正常访问了，刚开始想到的图床是CSDN的免费图床，它会修改一些图片的信息，所以还是不太喜欢，查阅资料发现可以通过`PicGo`和`Gitee`搭建免费图床，因为码云在国内访问速度较快，就选择了码云，当然也可以选择其它托管平台。下面是具体的搭建步骤，几分钟搞定：

## 一、软件安装 ##

1.  [Node.js][]
2.  [注册码云账号][Link 1]
3.  [安装Typora][Typora]
4.  [安装PicGo][PicGo]

具体安装过程就不赘述了，都22世纪了，不会还有人不会点击鼠标吧

## 二、图床配置 ##

### 1. 码云建立仓库 ###

如图所示，创建好码云账号后，建立新仓库，注意两点：

*  仓库属性为公开，否则外部无法访问
 *  使用`README.md`文件初始化仓库，会生成对应的`master`分支，否则还得自己去初始化

![dc5d9e1e7b65359dbfba62107137f027.png][]

### 2. 创建私人令牌 ###

【码云】-> 【设置】-> 【私人令牌】

![da4cdb9b424bb0ac82ba84a0fd7a17be.png][]

【生成新令牌】->【权限设置为projects】->【提交】

![08b7c1acfe2a3d520bc4017f3f7e55cf.png][]

【生成令牌后】->【复制这个令牌，后面配置需要用】->【确认并关闭】

![cad0ed5befe44a3346fd4c2a75227dae.png][]

### 3. PicGo配置 ###

PicGo下载完成后，重启一下，准备装插件，如图，点击【插件设置】->【搜索gitee】->【选择第二个点击安装】->【安装完重新启动一下】

![915807889eff350720c6698ed195736a.png][]

【图床设置】-【gitee】

如图，填入图中的三项，`repo`即你创建的仓库名，`master`是分支名，`token`即刚才生成的令牌，依次填入

![f90ef85b01035c9c816c742ce61747cb.png][]

【PicGo设置】

开机自启，也可以不用，用的时候在开启，但这样方便一点，不用每次手动去开启

时间戳重命名，建议开启，其它的看个人

![2212116df715cc0d3bf22f673dc76586.png][]

点击【上传区】，选择一张图片上传，看到右下角提示说明上传成功

![029f993f647db4d2f729f4edb97acff0.png][]

### 4. Typora配置 ###

打开安装好的`Typora`，如图，点击【文件】，【偏好设置】

![6ee1f958de3ad497e4b1a55954c515cb.png][]

如图，点击【图像】，按图中所示进行设置

![e3517f580f2d5935f47c7c01df320c3f.png][]

点击【验证图片上传选项】后，看到如下界面即配置成功

![3792275118507e8d9cc3c4da21981751.png][]

## 三、上传测试 ##

所有配置工作已经完成，现在在实际的`Markdown`写作中测设图片上传效果，就是现在写的这篇笔记。插入图片快捷键`Ctrl+shift+I`，选择需要插入的图片，会自动弹出上传提示，点击上传图片即可推送到你的码云仓库中，并生成`Markdown`格式链接，类似图床

![36e25806a2011bd8e139eaa50b96316d.png][]

当然，插入图片时没有选择上传或者，或者以前笔记中的图片也想上传到图床，就按下图所示，图片右键选择【上传图片】即可，可以发现，图片的链接已经变成可通过`http`协议访问的链接格式了

![391ad88eb190829016d572e1bac5aedd.png][]

回去查看自己的码云仓库，发现上传的图片都存到了这个仓库里，至此ok

![407118a4523366062af4c29d74e688ff.png][]

[7353d9cc619d87ebb6d2c53c68aa279d.png]: /images/20221023/0756e981a3fd4ec1876d78795efeed27.png
[Node.js]: https://nodejs.org/en/
[Link 1]: https://gitee.com/
[Typora]: https://www.typora.io/#windows
[PicGo]: https://molunerfinn.com/PicGo/
[dc5d9e1e7b65359dbfba62107137f027.png]: /images/20221023/e185db6fb10d4e97b558b0f1c461128a.png
[da4cdb9b424bb0ac82ba84a0fd7a17be.png]: /images/20221023/e9ec98abcc534638bd339b69b7715bb5.png
[08b7c1acfe2a3d520bc4017f3f7e55cf.png]: /images/20221023/963fb1ded7734e3a9600aa17b70b26d3.png
[cad0ed5befe44a3346fd4c2a75227dae.png]: /images/20221023/a689b81cac14477ebc66b75fcfadda84.png
[915807889eff350720c6698ed195736a.png]: /images/20221023/23a5716e26ee4c64b15a1443f4a131f4.png
[f90ef85b01035c9c816c742ce61747cb.png]: /images/20221023/549c4176afb8447da93c1e13439e9d34.png
[2212116df715cc0d3bf22f673dc76586.png]: /images/20221023/3d29c06ac9d845fba03ffee094ee5a37.png
[029f993f647db4d2f729f4edb97acff0.png]: /images/20221023/bdeda484568842bfb89dd8d651a6e50c.png
[6ee1f958de3ad497e4b1a55954c515cb.png]: /images/20221023/9503abb1eac04c1fa79b7e1848bf96fa.png
[e3517f580f2d5935f47c7c01df320c3f.png]: /images/20221023/59e581527741424e86af22b3adc3a833.png
[3792275118507e8d9cc3c4da21981751.png]: /images/20221023/c0b5c419b50549a5a4123dbf76d827c5.png
[36e25806a2011bd8e139eaa50b96316d.png]: /images/20221023/83b574c392254c02ab323649f7edf0af.png
[391ad88eb190829016d572e1bac5aedd.png]: /images/20221023/3802656e6adf4fe1a98dcaccef4d832d.png
[407118a4523366062af4c29d74e688ff.png]: /images/20221023/a9c90da14f1741f998d609a183c20da8.png