域名注册及图床
这个博客我是将图片直接放到项目中的,随着博客的增长,图片也越来越多,项目越来越大。因此将图片放到图床中,可以有效减少博客的体积,提高博客的访问速度。
申请免费域名
nic.eu.org提供免费的域名服务,只是域名需要带有eu.org
后缀。登录到账号后,点击New Domain
。
在这个页面需要输入申请的域名,后缀必须是eu.org
,比如申请dewy.eu.org
。
之后,还需要填入域名解析地址,配置为:
ingrid.dnspod.net
fitch.dnspod.net
这两个地址,是腾讯的dns服务器。可以登录dnspod
点击【我的域名】,点击添加域名,输入申请的域名,点击验证。
由于是新的域名,无法获取解析服务器,我们直接点击跳过。可以看到dnspod提供的两个域名解析服务器。
复制这两个地址配置到下图位置。
配置到eu.org
后,点击提交。
这里我们就已经提交了域名申请,需要等待(大概1个月)审核通过。之后会通过邮件通知。
七牛云配置
首先新建存储空间,这里区域我们只能选择国外的。
加速域名这个位置我们随便设置个前缀。
缓存这里使用推荐配置。之后点击创建。
之后创建完成后。需要进行所有权验证。
我们需要按照这个配置,在dnspod配置dns解析。之后回到七牛,点击验证即可。
需要注意这个验证要在域名申请通过之后才可以。
CDN加速配置
所有权验证校验完成之后,点击详情。(这里我用了一个已经审核通过的域名,这里的加速域名应该与七牛中添加的保持一致)
这个页面可以复制下CNAME,然后到dnspod中添加域名解析记录,选择CNAME,如下。
之后等待七牛云配置完成即可。
最后,上传个文件到七牛,可以看到已经可以使用我们的域名进行访问了。
vscode中使用PicGo插件
vscode中PicGo
插件支持图片上传七牛云,github等。完成下面的配置后,我们只需要截完图后使用ctrl+alt+u
即可将图片上传到图床。
目前插件支持使用配置文件方式,我们需要按照提供的配置格式进行配置即可。
{
"picBed": {
"current": "qiniu",
"uploader": "qiniu",
"qiniu": {
"accessKey": "xxxxxxxxxxx",
"secretKey": "xxxxxxxxxxxxx",
"bucket": "dewy-blog",
"url": "七牛中bucket对应的域名",
"area": "as0",
"options": "",
"path": ""
},
"github": {
"repo": "username/repo-name",
"token": "xxxxxxxxxxxxxxxx",
"path": "",
"customUrl": "",
"branch": "main"
}
},
}
这里我们配置了七牛云以及github,两种方式。
picBed.qiniu配置
accessKey
及secretKey
需要在个人中心-密钥管理
中获取。
picBed.github配置
token需要在下图页面中生成。注意这个token是有时间限制的,过期注意更换。
需要注意的是,七牛云需要设置空间为公共空间,否则需要使用带token的图片链接才可以访问。
自定义路径
该插件还支持自定义路径,比如我们希望将文章中的图片放到一起,可以配置下面这个选项。
以github为例效果如下:
qiniu的配置效果为: