使用Typora+PicGo实现图片自动上传到Gitee图床

一、前言

我们在使用Typora编辑器时，会加上图片，有个弊端，只能在本地访问，你发送给别人就无法查看图片，当然可以导出pdf。小编这边的需求是这样的，自己搭建的一个博客系统，基于Hexo搭建的，这个是使用Markdown进行上传到博客系统中。这样图片就需要一个外网可以访问的地址，所以就想到了这个办法，方法很多，小编罗列一下：

  • Gitee图床
  • Github图床
  • 七牛云（需要域名）
  • 阿里云oos（需要服务器和域名吧）
  • ...

由于小编的网站备案还没过，现在域名还不能使用，只能使用Gitee过渡一下！！

二、Gitee新建仓库

1. 新建仓库

![在这里插入图片描述]( https://img-blog.csdnimg.cn/658ca732e2ee4ab48d4e5594431e08e7.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/03b9c3879f1e4a658623e3718abb1700.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
2. 初始化仓库
![在这里插入图片描述]( https://img-blog.csdnimg.cn/d8e1cdea4a1e4cfdb8fe077937ecafea.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
3. 创建新目录存放图片

![在这里插入图片描述]( https://img-blog.csdnimg.cn/558a28f7d1d44b999b7304353741902e.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)

三、获得Gitee私人令牌

1. 打开设置
![在这里插入图片描述]( https://img-blog.csdnimg.cn/bcb1e16e10b94f82a8a2d553396e3d62.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
2. 生成令牌

![在这里插入图片描述]( https://img-blog.csdnimg.cn/7f8725f9f3e647e3bfcb24cb901f0d4d.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
3. 授予令牌权限

![在这里插入图片描述]( https://img-blog.csdnimg.cn/7ec79a3a1fda4a9496b51ddd75a28631.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)

四、下载PicGo

1. 下载安装包

PicGo下载传送门

![在这里插入图片描述]( https://img-blog.csdnimg.cn/4ad2f388e4394bcda01d93297eebe21f.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
2. 安装一路下一步(记住安装路径)
![请添加图片描述]( https://img-blog.csdnimg.cn/43b98c8512e644569039862fc0f1df39.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_15,color_FFFFFF,t_70,g_se,x_16)
3. 安装Gitee插件
![在这里插入图片描述]( https://img-blog.csdnimg.cn/6f8e49ec4f114b50b985887697c53d17.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
4. 配置Gitee图床

![在这里插入图片描述]( https://img-blog.csdnimg.cn/becf83e987ea4037aedceedd76df9e80.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)

五、配置Typora

1. 配置上PicGo

![在这里插入图片描述]( https://img-blog.csdnimg.cn/4e55e5c18128448ea973273354cd5cdc.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
2. 测试(重启PicGo和Typora)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/c7f9cf965344427dbc65f7f1b6318033.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
3. Gitee图床中查看

![在这里插入图片描述]( https://img-blog.csdnimg.cn/324605e000304791bde54f0506a7834a.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)
4. 测试我们自己图片

![在这里插入图片描述]( https://img-blog.csdnimg.cn/e4abcc1bb054433d93c23253c456bf55.png?x-oss-process=image/watermark ,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o6J5Y-R55qE5bCP546L,size_20,color_FFFFFF,t_70,g_se,x_16)

六、总结

这样我们就搭建完成，坑很多，我都做了标记,按着小编的来,没有什么问题。如果帮助了你,一键三联谢谢啦!!!

posted @ 2022-02-09 08:30  小王基地博客  阅读(247)  评论(0)    收藏  举报