第8章. 七牛云做图床

博客简介

本文讲述怎么使用七牛云作为图床,七牛云有10个G的免费额度,发布的图片可以放到博客中使用.

1. 七牛云

1.1 新建空间

登录 七牛云 官网账号,选择 对象存储Kodo 模块,进入 控制台,点击 空间管理,然后进行新建空间

新建空间后,进入详情页面,再新建一个 博客图床 的文件夹

一切设置完成后,就可以往该文件夹里面上传图片了

通过页面上传不方便,那么下面咱来讲下图床神器 PicGo 第三方小工具

1.2 自定义域名

空间管理/域名管理 中,添加一个自定义的域名,跟上一篇的博客二级域名设置一样,也是通过 CNAME 方式映射到我的 腾讯云 域名中

首先在 七牛云 新建自定义域名,填写好路径,七牛云会进行审核,通过后会生成一个 CNAME 的记录

然后在 腾讯云/域名解析 中添加 pic.smartasc.cn 的CNAME记录

1.3 下载PicGo

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具,这是 下载地址open in new window

🍕🍕🍕配置七牛云图床

针对 七牛云 图床的参数进行填写

配置参数如下:

  • AccessKey:七牛云秘钥的AK
  • SecretKey:七牛云秘钥的SK
  • Bucket: 空间名称
  • 访问网址: 空间的对外域名
  • 存储区域: z1是华北-河北、z0是华东-浙江、更多open in new window
  • 存储路径: blogPics/ 就是设置的图床文件夹

在右上角 秘钥管理 中,复制秘钥的Ak和SK,配置参数对号入座.

配置完成后,上传区 有多种图片的上传方式,可以直接拖拽、可以文件夹选择,最好使的是 剪切板图片 功能,我直接截图并标记后,点击 剪切板图片 按钮,刚才的截图直接就上传到了七牛云图床.

复制图片的连接,因为是编写markdown文档,那么他支持设置复制方式,包括 Markdown、Html、URL、UBB和Custom 等多种方式,点击 复制 按钮直接就把 MarkDown 的图片标签格式代码复制下来了,非常方便

2. SSL证书配置

证书警告

图片上传成功后,就可以在 MarkDown 中引入图片链接,本地访问正常,但是发布到 GitHub Pages 后,我发现图片访问不了,后来经过排查,原来是 Chrome 浏览器强制把图片的链接转换为了 https 方式,Mac系统的 Safari 浏览器没有这种情况.

2.1 申请免费证书

因为我是在 腾讯云 注册的域名,所以我直接在腾讯云申请了免费的 SSL证书,一共可以申请20个,大家按照自己的情况来。

🍟🍟🍟下载 SSL证书 的配置文件包,然后在 七牛云 中上传该安全证书

2.1 配置证书

🍻🍻🍻在七牛云的控件管理/设置/域名配置进行设置

  • 图一:上传本地证书

  • 图二:选择安全证书

🍞🍞🍞安装完SSL安全证书后,新上传的图片的外链都是https的了,在md文档中再引用的时候,无论是哪个浏览器都可以正常的浏览图床的图片了.