一、图床的优点
- 网站图片单独存放在云存储中,可以科学高效的管理。
- 节省网站服务器的带宽,从而优化网站加载速度。
- 七牛云给注册用户提供免费10G的空间,且加载速度非常快。
- PicGO支持多种图床,且操作简便。
二、素材
- 七牛云注册:https://s.qiniu.com/buqQv2
- PicGO地址(windows):https://oss.img.cubefish.cn/software/PicGo-Setup-2.3.0-x64.zip
- PicGO地址(mac):https://oss.img.cubefish.cn/software/PicGo-2.3.0-mac.zip
- PicGO项目地址(源码):GitHub - Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder
三、步骤
1,注册七牛云
七牛云注册:https://s.qiniu.com/buqQv2
2,领取免费的10G云存储空间
3,新建空间
这里要注意一下:
- 存储空间是自定义命名的,但是不能和其他人的名称重复。存储空间可以删除,也可以新增多个存储空间;
- 一定要选好自己的存储区域,建议和你购买的服务器的地域接近,这样能减少延迟。另外,不建议选“华东-浙江2”(区域有对应的编码,浙江2的编码我试了绑定不上PicGO);
- 访问控制选“公开”。
4,绑定域名
此外,建议配置HTTPS证书,让你的图片更安全。
5,绑定HTTPS证书
免费的HTTPS证书申请地址:
注意:
如果申请的不是泛域名证书,这里建议以二级域名的来申请证书。即“每个二级域名都申请单独的HTTPS证书”
如果申请的不是泛域名证书,这里建议以二级域名的来申请证书。即“每个二级域名都申请单独的HTTPS证书”
6,申请七牛云的密钥(用于PicGO托管云存储)
申请路径:账户---个人中心---密钥管理
7,下载并安装PicGO软件
8,在PicGO中配置七牛云的参数
1,设定AccessKey和设定SecretKey
2,设定存储空间名和设定访问网址
“存储空间名”在空间管理---新建空间的时候设置的存储名称
“访问网址”为自己绑定的域名,这里要区分一下https和http
3,确认存储区域、设定网址后缀和指定存储路径
(1)确认存空间区域:为新建存储空间时选择的【存储区域】;
(2)设定网址后缀:对应图片网址的后缀,可以不填;
(3)指定存储路径:对应在存储空间里面新建的文件夹,如建了imgs文件夹,则填写“imgs/”,表示存储到了存储空间的imgs
的文件夹下面。
4,七牛云存储区域查询:
存储区域_产品简介_对象存储 - 七牛开发者中心 (qiniu.com)
5,PicGO支持清单:
序号 | 支持的图床 | 地址 |
---|---|---|
1 | SM.MS图床 | https://sm.ms/ |
2 | 腾讯云 COS | https://cloud.tencent.com/product/cos |
3 | GitHub 图床 | https://github.com/ |
4 | 七牛云图床 | https://www.qiniu.com/products/kodo |
5 | 阿里云 OSS | https://www.aliyun.com/product/oss |
6 | 又拍云图床 | https://www.upyun.com/products/file-storag |
四,使用方法
1,直接拖拽或者点击上传按钮进行上传,上传成功之后,Windows平台有弹窗提醒,并自动将图片地址复制到粘贴板;
2,【相册】中可以直接维护图床文件。