七牛云对象存储+PicGo-Core

一、概述

最近在做一个个人博客项目，发现博客中会插入很多图片，怎么存储成了问题，经过一番查询发现大家都是用的图床工具，之前了解过七牛云，注册认证后有10G永久免费空间，每月10G国内和10G国外流量，速度相当快，七牛云是国内专业CDN服务商，插件支持比较多，有免费ssl证书，但https流量收费，所以便想用七牛云进行图片的存储，打算以后的文章图片都使用七牛云来进行存储，不过要注意的一点是，七牛云30天后会回收测试域名，因此你必须要绑定自己的已备案的域名。我将采用Typora作为Markdown编辑器，PicGo为上传图片工具，使用七牛云做存储，Typora和PicGo需要自己下载。

二、配置七牛云图床

七牛云官网

首先，需要在七牛云官网注册账号并进行实名认证，注册—–>实名认证，基本上就是这个步骤，在这就不做细致介绍咯，相信难不到聪明的你。提醒一下，最好使用谷歌浏览器访问进行实名认证，我开始用的是火狐浏览器，在通过微信扫码实名认证时，怎么都刷新出二维码，换成谷歌，秒解决。

2、配置存储空间

2.1、新建空间

依次点击【管理控制台】—–【对象存储Kodo】进入对象存储页面

image-20210808155345317

点击【空间管理】，可以看到如下，这里我已经建好了一个空间

image-20210808155528938

大家可以根据自己的需求来新建自己的存储空间，点击【新建空间】，对空间进行配置，这里要注意，以下几点：

  • 存储空间名称不能重复，我这里也新建一个名称为：onestar-blog-img
  • 存储区域选择一个离你近点的，我选的是华东，每个地点有个编号的，后面要用来配置PicGo，这里先说一下区域对应编号
    • 华东：z0；华北：z1；华南：z2：北美：na0：东南亚：as0
  • 访问控制选择公开，因为要作为外链进行访问

image-20210808160247680

配置好后点击确定，可以看到如下提示信息，系统会给我们分配一个测试域名，不过这个域名只有30天有效期，我们可以先用这个域名进行测试，后面来绑定自己的域名，所以这里点击【好的，我知道了】

img

可以看到空间管理里面多了一个空间，也就是咱们刚配置的空间，新建空间完成

image-20210808160845382

2.2、获取空间信息

新建空间后，这里有一些数据信息需要获取一下，为配置PicGo做准备，有如下数据：

  • AccessKey：点击右上角的头像【个人中心】—-【密钥管理】
  • SecretKey：和获取AccessKey的方法一样
  • 空间名称：创建空间时取的名称，我这里是：onestar-blog-img
  • 访问网址：点开onestar-blog-img空间，也就是【空间概览】，咱们先用七牛云提供的CDN测试域名
  • 存贮区域：我这里是华东，也就是z0

密钥:

image-20210808165216703

image-20210808165250648

访问网址：

image-20210808165432847

三、七牛云配置自己的域名

首先， 你得有一个已经备好案的域名，并且绑定了你的服务器，然后再配置一个二级域名用来访问图片用，我的域名是：gitee.pub，配置的二级域名为：images.gitee.pub

1.1、配置二级域名

在绑定自己域名的时候，需要配置加速域名指向 CNAME，这里我们可以配置一个二级域名。

我的域名是：gitee.pub，这里我配置的二级域名为：images.gitee.pub，配置方式如下：

  1. 在七牛云官网点击需要配置域名空间的【自定义域名】image-20210808162928312

  2. 创建一个二级域名，我命名为：images.gitee.pub，其他按照需求来，基本保持默认就可以，然后点击确创建，这样就创建配置好了二级域名。image-20210808163134227

1.2、获取CNAME

找到域名管理，找到刚创建的域名，鼠标悬停在CNAME选项上，可以看到CNAME值，点击复制，即可获取CNAME

image-20210808163423000

2、配置服务器解析域名

配置服务器解析域名需要在实例控制台进行操作，先登录服务器控制台，我用的是阿里云，这里就以阿里云为例，其他服务器厂商操作基本一致

2.1、添加解析记录

  1. 登录实例控制台后，找到域名image-20210808163723233
  2. 点击解析image-20210808164021879
  3. 点击添加记录image-20210808164133222
  4. 记录如下，点击保存

这里只要添加主机记录、记录值即可，其他保持默认就好

  • 主机记录：和之前在七牛云添加的二级域名保持一致，所以这里填：images
  • 记录类型：选择CNAME
  • 记录值：填写之前在七牛云复制的CNAME值

image-20210808164338958

  1. 检测

就这样，服务器解析域名完成，接下来就是等待审核通过，通过后可以在cmd命令窗口进行检测，【win+r】快捷键输入cmd，打开命令窗口，使用以下命令：

1
2
3
nslookup + 七牛云配置的二级域名：nslookup images.gitee.pub

可以看到解析的CNAME值

image-20210808164710694

四、配置PicGo-Core

PicGo-Core官网

1、安装

  • Npm全局安装PicGo-Cpre
1
2
3
4
5
6
7
8
# 安装
 npm install picgo -g # 或者 yarn global add picgo

# 上传具体路径图片
picgo upload /xxx/xxx.jpg

# 上传剪贴板里的第一张图片（上传时会将格式转成png）
picgo upload

2、配置文件

默认配置文件

  • picgo 的默认配置文件为~/.picgo/config.json。其中~为用户目录。不同系统的用户目录不太一样。
  • linux 和 macOS 均为~/.picgo/config.json。
  • linux 和 macOS 均为~/.picgo/config.json。

自动生成

通常来说你只需要配置 Uploader 即可，所以你可以通过 picgo set uploader 来进入交互式命令行，配置成功后会自动生成配置文件，无需复制粘贴！其他更多的命令可以参考 CLI 命令 一章。

注意：

  • 同时，填好图床配置之后，请务必通过 picgo use uploader 选择当前要使用的 Uploader。
1
2
3
4
5
6
7
8
9
10
$ picgo set uploader
? Choose a(n) uploader (Use arrow keys)
  smms
❯ tcyun
  github
  qiniu
  imgur
  aliyun
  upyun
(Move up and down to reveal more choices)
  • uploader:
    • smms -> SM.MS
    • tcyun -> 腾讯云COS
    • upyun -> 又拍云
    • aliyun -> 阿里云OSS
    • qiniu -> 七牛云
    • imgur -> Imgur
    • github -> GitHub

手动生成

如果你要手动生成配置文件，需要自己创建对应的目录、JSON 文件以及至少有如下的配置项（因此还是推荐通过命令行自动生成配置文件）：

1
2
3
4
5
6
7
8
9
{
  "picBed": {
    "uploader": "smms", // 代表当前的默认上传图床为 SM.MS,
    "smms": {
      "token": "" // 从 https://sm.ms/home/apitoken 获取的 token
    }
  },
  "picgoPlugins": {} // 为插件预留
}

picBed.qiniu

七牛图床的相关配置。可以查看 PicGo 的 wiki (opens new window)进行配置。

默认值如下：

1
2
3
4
5
6
7
8
9
{
  "accessKey": "",
  "secretKey": "",
  "bucket": "", // 存储空间名
  "url": "", // 自定义域名
  "area": "z0" | "z1" | "z2" | "na0" | "as0", // 存储区域编号
  "options": "", // 网址后缀，比如？imgslim
  "path": "" // 自定义存储路径，比如 img/
}