免费图床综合教程

1.基于Github仓库的图床

优点：

很稳定不会跑路，用的是自己的仓库和公共托管平台
图片可以增量快速更新和跨设备管理
可以进行版本管理和查看之前的版本
有公共CDN，速度还是不错的
资源格式可以任意都行，包括css、js等

缺点：

每个仓库限制1G，超过要新建另一个仓库
git管理可能偶尔会遇到网络和公钥失效问题

1.1 建立Github仓库

进入Github官网注册并登录自己的账号，到自己的个人主页，点击右上角的+，并选择New Repository创建自己的仓库。
仓库名字随意，描述也可以自由发挥，可见性最好选public，Readme文件可以创建，然后点击Create Repository创建仓库。
让你的计算机与Github建立通信，这部分可以参考Hexo 博客搭建基础教程 (一)的第7点，主要是创建公钥、上传公钥、检查通信这几步，确保计算机有权限访问远程仓库，所述教程是用的RSA公钥，目前更推荐ed25519公钥，该数字签名算法的签名和验证的性能都极⾼，具体教程百度这里不再赘述。
先在本地创建一个文件夹，文件夹位置和名字随意就可以，进入该文件夹后右键打开Git Bash，然后输入以下代码把之前创建的仓库拷贝下来，其中git clone后面的东西要替换成自己的仓库信息，可以通过自己仓库的ssh链接来获取。
git clone git@github.com:fomalhaut1998/pic_bed.git
看到上图的信息就代表成功把整个仓库拷贝到当前文件夹了，此时我们可以看见自己的文件夹多了个.git文件夹和Readme.md文件，这就代表成功了。
此时我们最好在这个文件夹里面创建创建一个img文件夹专门存放图片，如果有存放其他类型资源的可以创建别的文件夹，比如现在想往仓库里加两张图，直接就把图片复制到img文件夹里面即可。
然后在带有Readme.md文件的那个文件夹内，右键打开Git Bash（注意看清楚是什么文件夹），然后依次输入以下命令把更改推送到远程仓库，最后一步不成功可能要多试几次。
# 将更改提交
git add .
git commit -m "更新图片"
# 推送至github仓库
git push
最后看见如下信息就代表推送成功了
仓库此时应该也有了刚刚上传的资源了
下次增删图片或者其他东西，就这样照猫画虎就可以推上来更新仓库！

1.2 Staticaly CDN加速

直接访问Github仓库的资源是非常慢的！因此我们要用一些免费的CDN进行加速，Staticaly CDN是目前免费CDN中比较好用的啦，他的应用规则如下：

# 格式 其中 user是用户名  repo是仓库名  version代表版本(tag或者分支 默认为main)  flie是文件路径 
https://cdn.staticaly.com/gh/user/repo@version/file

# 比如我的示例仓库就是加速地址就是这个大家可以参考参考
https://cdn.staticaly.com/gh/fomalhaut1998/pic_bed@main/img/p2.webp

1.3 Vercel 部署

此方法加载速度较快，但是需要域名自定义绑定，其优点也是可以绑定自定义域了，目前Vercel每个月限制流量100GB

进入Vercel控制面板新建项目，并通过Github继续，选择导入刚刚创建的仓库，然后直接部署即可
进入该项目控制台后，选择右上角的View Domains添加新的域名，添加一个自己域名的二级域名，然后在你对应的域名解析控制台添加对应解析，等待生效。
通过自定义域名+资源路径即可访问到对应的资源，例如我这里为https://picbed.fomal.cc/img/p1.webp
要更新图片怎么办？只要将资源复制到对应的文件夹，然后再执行一次下面的命令即可：
# 将更改提交
git add .
git commit -m "更新图片"
# 推送至github仓库
git push
这个命令默认是更新到仓库的main分支上，Vercel一旦检测到main分支发送变化就会触发新一轮部署，我们稍候片刻即可通过新的路径访问到新的资源。

1.4 Cloudflare 部署

此方法速度比Vercel稍慢，但是可以不需要域名，目前我就在用这个，而且CloudFlare对于普通用户来说几乎不限量了

进入Cloudflare官网注册并登录自己的账号，然后进入控制台后选择左边的Pages，再创建一个新项目并通过Git进行连接，所有参数默认直接部署。
通过给出的初始域名+资源路径即可访问到的对应资源，例如我这个就是pic-bed-c6s.pages.dev/img/p1.webp，当然你也可以绑定自定义域名使用。