Gitee图床转移记录


2022年3月25日 gitee图床仓库被封,图片失效,进行图床转移。

计划把Gitee仓库的图片转移到千牛云,并把图床链接绑定自己网站域名。

第一次转移过程中使用的是主域名(xmq.plus)对图床进行绑定,因主域名(xmq.plus)已经用来绑定个人网站,导致域名绑定失败,后面将主域名(xmq.plus)改为二级域名(images.xmq.plus),所以文章按转移过程分为主域名、二级域名进行记录

主域名

下载gitee仓库图床包zip

将下载文件全部解压,规整所有图片,准备把所有图片放在根目录下

原本图片有的在根目录下,有的是在/img/目录下,把所有的图片放到根目录下。

上传七牛云

七牛云注册账号,选择对象存储创建一个空间,地区选择华东区域(不选浙江,PicGo连接图床时无法配置)

直接在根目录下,上传整理好的图床所有图片

绑定主域名xmq.plus后图片路径格式为:https://xmq.plus/图片名称.图片格式

上传证书

  • 绑定http及https区别

域名申请SSL证书可实现https,https的好处在于保证所有图片信息安全,图片正常访问。

没有SSL证书的http访问可能无法在https网页下显示,不适用于博客网站,做做笔记用的图片可能不受影响。

将自己已有的SSL证书(xmq.plus)下载,下载地址DNSpod

选择其他格式,即含有PEM格式的证书文件

证书下载

打开千牛云证书管理:https://portal.qiniu.com/certificate/ssl,选择上传自有证书。

证书密钥

解压证书下载文件,把目录下key和pem文件内容放入到对应的选项中,填入后选择确定上传。

目录

进入图床的存储空间页面管理绑定刚刚上传证书的域名,绑定域名选择域名管理-自定义CDN加速域名-添加域名,设置选项如下,缓存配置选择推挤配置:

域名配置

域名配置2

开启Https会在CDN加速上有一定费用,但是考虑个人博客网站xmq.plus已经使用Https协议,为保证图片正常浏览的情况下,开启Https。

绑定域名

上传证书到千牛云后,进入存储对象-空间管理-域名管理,复制提供的CNAME:

Untitled

然后进入自己购买域名的解析网站,比如DNSpod:https://www.dnspod.cn/

在DNS解析中找到对应域名,添加记录:

千牛云CNAME配置官方说明:https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name

Untitled

重新回到千牛云,等待刷新,状态成功即绑定成功。

这样就相当于域名与存放图片的储存空间进行绑定了。

绑定完成后所有的图床格式为:https://xmq.plus/xxx.xxx

这样即使储存商出现问题,只需要换个存储商就可以了,因为图片绑定的是自己的域名地址,所以图片链接不会发生变化,这样免去了后期替换图片链接路径的繁琐过程。

二级域名

最开始绑定的是自己的主域名xmq.plus进行转移的,考虑到千牛云域名是通过CNAME记录进行域名绑定,DNS解析记录中A记录和CNAME记录只能使用一次;

所以做了如下规划:

主域名xmq.plus,用来做个人网站;

计划重新解析一个二级域名,images.xmq.plus,用来做图床链接,图床图片链接格式:https://images.xmq.plus/图片名称.图片格式。

申请证书

绑定千牛云域名是通过CNAME记录进行域名绑定。

因自己域名xmq.plus用来绑定个人网站,DNS解析记录中A记录和CNAME记录只能使用一次,所以设置一个二级域名images.xmq.plus设置CNAME记录。

设置完成后,在对应的记录中免费申请二级域名的SSL证书。

Untitled

重新按照上述方法上传证书,配置CNAME即可完成更换域名链接。

绑定好证书之后,在域名配置中将Http升级为Https

防盗链设置

防止图片资源被其他网站使用,消耗自己的使用资源。可以设置防盗链,在白名单内加入你自己网站的域名即可;或者不想将自己的图片在哪个网站使用,也可以在黑名单中加入该网站域名。

批量替换

gitee仓库图床路径:https://gitee.com/Sumsung/Blogimage/raw/master/

七牛云图床路径:https://images.xmq.plus/

替换过程

https://gitee.com/Sumsung/Blogimage/raw/master/img/→https://images.xmq.plus/

https://gitee.com/Sumsung/Blogimage/raw/master/→https://images.xmq.plus/

因为把原来img文件夹下的图片已经放到了图床根目录,所以进行两次替换

使用Vscode打开需要替换链接的文件夹,matery文件夹下都是我的博客文件,所以我打开matery。

  • Flie(文件)-Open Folder(打开文件夹)-选择matery文件夹
  • Edit(编辑)-Replace in Files(文件中替换)

查找内容输入:

https://gitee.com/Sumsung/Blogimage/raw/master/img/

替换内容输入:

https://images.xmq.plus/

查找内容输入:

https://gitee.com/Sumsung/Blogimage/raw/master/

替换内容输入:

https://images.xmq.plus/

确认后,点击右侧替换所有,即完成了多文件内容批量替换。

多文件内容替换

注意事项

  • 一个域名只能解析一次 A 记录或者 CNAME

七牛云费用说明

对象存储服务费用

参考来源https://developer.qiniu.com/kodo/6379/metering-and-billing

  • 按量计费

对象存储服务的计费项类型有:存储费用+流量费用+请求费用+数据处理费用。

存储费用,免费10G/月。

流量费用=外网流出流量+CDN回源流量(免费10GB/月)+跨区域同步流量

请求费用,PUT/DELETE 请求次数(免费10万次/月)+GET 请求次数(免费100万次/月)+类型转换次数+数据取回请求次数

数据处理费用,不涉及。

免费额度

费用组成

也就是下行流量需要收费,没有免费额度,0.29G/月


评论
 上一篇
沉浸式写作Zen网页嵌入博客记录 沉浸式写作Zen网页嵌入博客记录
网上看到一个很简单纯粹的写作页面,觉得很不错,想摘下来做成一个单独的源码包,既可以上传到仓库做成一个项目,供其他人搭建一个单独的写作页面,也用来给自己嵌入到博客网站。 网页地址:Zen 网页下载及修改进入页面https://zen.unit
2022-03-29
下一篇 
单网页内嵌入多个Echarts图表实例注意事项 单网页内嵌入多个Echarts图表实例注意事项
文中所提到的Echarts图表实例是指:并非一个容器(dom)内组合的多个图表,而是各自独立容器,独立的配置脚本,且可以独立放置在网页的任意位置。 如何在网页内嵌入多个Echarts图表实例? 注意要点 变量名称不能重复整个页面存在多个ec
2022-03-06
  目录