一言
天空本是一种风景,可是遇见你之后,它变成了一种心情。——九ちのセカィ
picgo(vs-picgo)+七牛云oss存储图片
本文最后更新于 506 天前,其中的信息可能已经有所发展或是发生改变。

前言

    之前博客图片是用的Github+Picgo+反向代理cdn.jsdelivr.net的方式来存储的,几个月也很稳定,没有发生意外,但是自从将香港服务器换成国内服务器后,就算我把之前反向代理的Nginx配置原封不动的复制过来,也会出问题,再我谷歌了半天解决之后,过个几天也会出错,导致图片无法访问,我一直觉得是我哪里的配置有问题,想要找到问题的源头,但是直到今天我才发现,他本身就不稳定(当然一定是有我这边哪里配置的原因导致他不稳定,但是我找不到原因)。
    事情的起因是今天我给主站换了一个ssl证书,然后不能用了,我又给反向代理的域名换了相同的域名,之后好使了,然后我又手贱改了个啥配置我忘了,不好使了,然后我又瞎鼓捣了半天,终于把先前的图片恢复了,但是新上传的不好使了,然后我在没动他的情况下,突然又好使了,然后我就开始用,因为在腾文章,用了好一会,突然的,我没有改任何配置(包括picgo和nginx)的情况下,又不能用了。这下莫名其妙的漏洞,让我决定放弃使用GitHub作为图床。好在之前上传的都能使用。我只需要寻找新的oss就好了

为什么选七牛云

我考虑了阿里云、腾讯云、又拍云、七牛云。其中阿里云和腾讯云是性能最全的,但是也是最贵的。然后又拍云和七牛云之间,七牛云的优势是有免费的10g存储空间和cdn流量。对于做图床来说,也够用了。而且就算超出10g,每g也就几毛几分钱。约等于白嫖了。

七牛云配置

首先就是注册账号。

注册账号之后需要绑定手机、实名认证
然后去控制台中的资源管理中打开存储空间。
点击新建空间

20230713230606

存储空间名称根据要求自己设置,存储区域根据个人选择,其中华东-浙江最便宜(超出10g之后),这个区域设置后无法修改
访问控制一定要选公有(否则 picgo无法使用)

接着我们设置CDN加速域名

空间创建成功后七牛云会给一个免费的测试域名

20230713231728

该域名1个月就会被收回,到时候上传的图片可就都不能用了。所以最好有一个自己的域名。但是该域名必须备案过。备案流程详情看我另一篇文章:网站备案经验分享
点击立即绑定自定义域名

https需要绑定ssl证书。我在一篇文章里看到说https需要额外费用?我也不太清楚,当时我选的https,如果没有ssl证书或者嫌麻烦就可以选择http,下边的源站配置就填入刚才的存储空间的名字。
接着打开域名列表->刚才新建域名的详细信息

在域名列表里可以看到CNAME值,
复制下该值之后,去域名厂商那里解析CNAME值
例如我的域名是从阿里云购买的,打开阿里云的云解析DNS控制台
添加记录
20230713234226

接着在右上角的密钥管理中将AK和SK复制下来
20230713234511

配置picgo

20230713234641

AK和SK是刚才复制下来的AK和SK值
Bucket是空间名字
访问网址是你绑定的自定义域名
这里注意!!!
一定要以该格式
https://img.example.cn 这两条斜杠//非常重要,一定是两条.负责的话,上传上去的图片只能在浏览器中打开而不能在文章内以markdown的形式做外链
存储区域的话参照以下表格

华东华北华南北美东南亚(亚太-新加坡)
z0z1z2na0as0

配置好后就可以愉快的上传图片啦~速度比GitHub上传不知道快了多少倍,太丝滑了。

vscode上的picgo

如果你像我一样是在vscode上记笔记,不想每次打开picgo的话,那你一定需要这个插件
首先在vscode扩展内搜索picgo,第一个就是
安装好后,打开扩展设置


将current设置为qiniu,接着往下翻,翻到qiniu的配置,填入和picgo一样的配置,之后,只要在vscode上使用快捷键,就可以实现
从剪贴板上传图像,从资源管理器上传图像了

操作系统从剪贴板上传图像从资源管理器上传图像从输入框上传图像
Windows/UnixCtrl + Alt + UCtrl + Alt + ECtrl + Alt + O
OsXCmd + Opt + UCmd + Opt + ECmd + Opt + O

具体使用方式的话,他并不是像picgo一样上传后将图片url保存到粘贴板,而是需要你在文本文件(比如markdown文件)中有光标的情况下,在打字的情况下,按下快捷键,他会自动出现在文本文件中。
如:

aa754cd8c7843dbc4a9f0b2aa1cbf6b

之后按下Ctrl + Alt + U
右下角会显示

成功后
20230714001640

如图
20230714001711

暂无评论

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇