Hexo站点建设之——图床更换

发表于 2019-06-13 分类于站点， Hexo博客阅读时长 ≈ 1 分钟

一前言

使用hexo写博客最让人困扰的是图片等资源的存储问题，我曾经考虑过使用本地文件(因图片过多时，项目过大放弃)，七牛云存储(临时域名易过期，定制需要绑定个人域名)而放弃，最终选择使用Github上新建一个图片库用于存储Github图片等资源。

本文主要介绍从七牛云迁移到Github图片资源的存储及使用方式。

二图片的迁移

2.1 七牛上图片资源的存储

2.2 七牛资源下载工具

链接：https://pan.baidu.com/s/1pXza-xzhFGYCQBG0c0rtLA 
提取码：w28t

2.3 配置文件

2.3.1 插件配置说明

{
    "dest_dir"  :   "files",
    "bucket"    :   "blog-files",
    "domain"    :   "http://blog-files.pgzxc.com",
    "access_key"    :"xxxxxxx",
    "secret_key"    :"xxxx",
    "is_private"    :false,
    "prefix"    :   "",
    "suffix"    :   ""
}

说明：

dest_dir：下载后存储的文件夹名称(不添加/，默认存储在同级目录下)
bucket：七牛资源文件夹名字
domain：文件夹域名
access_key：私钥
secret_key：公钥
is_private：是否私有库
prefix：前缀
suffix：后缀

2.3.2 如何查看Access key 和 Secret Key？

可以先登录进入你的帐号，点击“个人面板”，面板中点击“密锁管理”，之后你会看到你的Access key 和 Secret Key

2.4 如何使用

2.4.1 指令说明

qshell qdownload 10 qshell.conf

说明：

在cmd终端中执行上述命令
qshell：qshell.exe
qdownload：qshell中下载方法
10：开启10个线程
qshell.conf：配置文件

2.4.2 指令操作

2.4.3 文件显示

2.5 图片资源上传到Github图床上

2.5.1 使用上传工具(PicGo)

PicGo下载
PicGo配置
PicGo使用

2.5.2 使用Github指令

git push xxx

2.6 上传后的MD文档如何修改

2.6.1 使用VScode打开hexo博客源码

2.6.2 修改图片显示方式

七牛图片显示方式

 http://[七牛域名][bolo-imgs.pgzxc.com]/acra-app-run.png

Github上图片显示方式

 https://cdn.jsdelivr.net/gh/[Github文件夹存储路径][PGzxc/images/master/blog-images]/acra-app-run.png

使用vscode搜索七牛域名替换为Github域名访问

一 前言

二 图片的迁移