前言

为什么要搭建图床？？？

  1. hexo默认可以加载本地文件夹和外部URL的图片，搭建图床后主要用来存储图片，方便管理；
  2. 可以将md文件+对应路径图片打包，方便管理；
  3. 可移植性强。

还有一个原因，这玩意免费啊！！！

​ Typora+PicGo+Gitee实现图片上传功能
​ 抓紧时间步入正题，Go！

第一步 配置Gitee仓库

1、附上码云gitee地址

2、注册登录自己的gitee账号

3、创建仓库，仓库要求公开，so要上传合法图片哒~

  • 步骤一：创建仓库

image-20240417093654778

image-20240417094102500

  • 步骤二：生成私人令牌（请在备忘录中记下生成的私人令牌 ）

打开“个人主页”—>“个人设置”—->“私人令牌”

image-20240417094222456

image-20240417094311937

点击 “生成新的令牌” ，提交后，将生成的私人令牌保存好，后面会用到。

image-20240417094637966

image-20240417094732760

第二步 PicGo的下载及相关配置

下载地址：https://github.com/Molunerfinn/PicGo/releases

1、首先，下载PicGo的安装包

PicGo官网指南
一个图床，一个用于快速上传图片并获取图片URL链接的工具，也完全免费。

2、其次，在PicGo中安装插件

常见问题：

\1. 安装插件一直显示“安装中”；

\2. 使用npm命令安装插件提示： npm不是内部或外部命令，也不是可运行的程序

解决：Node.js安装及环境配置，这个必须配置的！！

image-20240417100629083

image-20240417102035779

4、最后，完成PicGo的相关配置

image-20240417102414003

提示“设置成功”即可，配置好后进行重启！！！！！！
随后，设置PicGo时，先选择显示的图床为gitee，再上翻进行设置Server

image-20240417105056869

设置成功后在“上传区”测试图片是否能够成功上传，多试几张图片或者重启PicGo看看

image-20240417105117184

第三步 Typora的下载及相关配置

typora是一款支持实时预览的Markdown文本编辑器， 并且完全免费
下载地址： typora

文件—>偏好设置–>配置PicGo路径

image-20240417105231175

image-20240417105306966

上传图片之后，图片地址指向码云仓库并且提示上传成功就可了。

总结

这样，就可以实现，当使用Typora写文档的时候，无论上传本地&远程的图片，复制过来后，会自动通过PicGo上传到gitee中。

Typora——>PicGo——>Gitee

image-20240417105744532

同理，可以看到hexo中的图片加载默认就是从gitee中获取了！！！

image-20240417110017307