Typora+PicGo图床配置(本地图片--＞网络url~博客必备）

妖狐艹你老母 2023-02-21 12:26 102阅读 0赞

前段时间搭了一个hexo博客，但是发现了一个很大的问题，在Typora里编辑你的博文的时候，插入的图片都是一些本地图片，然后部署的时候根本不能加载这些图片~~

*  其中一个解决方法就是通过一些平台，像知乎、qq相册之类的，把本地图片上传上去，然后获取URL链接，但是这个方法太过麻烦了
 *  因此，我了解到一个`图床`的概念~

1️⃣ **什么是图床？**

> 图床一般是指储存图片的服务器，我们用这个服务器托管我们的图片，就可以直接获得图片的网络地址，然后我们在md文本中使用网络地址，这样图片就可以在网页上加载出来了！

2️⃣ **Typora配置图床**

我们打开Typora的偏好设置，可以看到有上传服务设定，这里我们选择PicGo，首先我们介绍以下这个东西~

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70]

*  什么是**PicGo**？
    
     *  PicGo就是一个图床工具，上传+管理图片
     *  它支持许多平台，例如：Github，阿里云，腾讯云等

这里我们可以选择**Gitee码云**作为我们图床的替代品，因为免费且速度快

--------------------

首先我们下载PicGo：[https://github.com/Molunerfinn/PicGo][https_github.com_Molunerfinn_PicGo]，我们README.md里可以看到相关简介~

然后我们点击 选择一个稳定的版本的exe文件进行下载即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 1]  
由于Github下载很慢，可以在我的资源这里下载 [PicGo2.2.1][]，安装完成打开界面如下  
![image-20210414212157880][]  
然后我们回到码云新建一个仓库，名称任意，设置为**公开**，勾选使用**Readme初始化这个仓库**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 2]  
创建完成后点击**右上角头像**\->设置->私人令牌->生成新令牌。 没有必要全部选择，勾选图中那一个就够了~  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 3]  
点击提交 这时候会让你输密码，输入即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 4]  
然后保存生成的令牌！！！一定要保存！！只会出现一次！！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 5]  
然后我们打开我们下载好的PicGo  
点击图床设置，没有看到Gitee的图床，这是因为我们还没有下载~  
点击插件设置，安装Gitee图床插件**gitee-uploader**，然后重启一下软件，就可以看到了！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 6]  
然后点击**图床设置**中的gitee  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 7]  
**配置参数说明：**

*  repo：Gitee用户名/仓库名；
 *  branch：分支名，默认master即可
 *  token：Gitee私人令牌
 *  path：用于仓库下存储的目录
 *  customPath 和 customUrl 可以不用填

最后回到偏好设置，将PicGo路径设置好即可，具体设置参考**以下图片**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 8]  
另外，我们在PicGo中一般的设置如图所示！！一定要按照图片来哦！不然到时候可能上传失败！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 9]  
这里的端口一定要是**36677**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 10]  
最后我们就可以使用了，右键上传图片就是自动替换你的本机地址成为网络url地址啦~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200630165259452.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[https_github.com_Molunerfinn_PicGo]: https://github.com/Molunerfinn/PicGo
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200630165420344.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[PicGo2.2.1]: https://download.csdn.net/download/qq_45173404/12564313
[image-20210414212157880]: https://img-blog.csdnimg.cn/img_convert/78e8c65e91d6f4e768040705328f3efc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200630170049959.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200630170118756.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200630170144993.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200630170203901.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200630170300955.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200630170348401.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20200630170423398.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200630170453652.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200630170509940.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MTczNDA0,size_16,color_FFFFFF,t_70