Hexo博客七牛图床最优做法

就在昨天,我的新域名备案成功并正式上线了,于是就想到了去七牛做一个图片图床来加速网站访问速度。

令人欣喜的是七牛有10GB的免费存储和20GB下载流量,而且还享有20元/月配额的音视频处理。

七牛免费配额

所以我果断从七牛和又拍云之间选择了七牛来做图床。

搜了一下关于七牛图床相关的文章,结果发现都不是自己想要的效果,我想要达到的效果有:

  1. 不能破坏本地markdown书写和预览图片的方便性。
  2. 不能破坏迁移和修改的方便性。
  3. 不影响之前发布的文章,并且能快速切换到七牛图床和其他图床。
  4. 无感知的自动完成,不需要关心这层操作。

基于上面这些想法,我就有了一个基本思路,首先复制备份,然后通过qshell来实现批量上传和同步图片,接着批量替换文章中的<img src=” 字符串后面追加七牛存储的自定义域名。

复制备份

复制备份的目的是为了让发布的代码实现七牛图床,本地编写的markdown文件依然是本地预览,方便以后扩展和替换。

1
2
3
4
edit_path="/home/shuihan/Documents/我的博客"
gitee_path="/home/shuihan/Documents/blog-temp"
rm -rf $gitee_path/source/*
cp -a -f $edit_path/source/* $gitee_path/source

qshell同步

qshell是七牛提供的方便同步和维护对象存储的工具。Github地址:https://github.com/qiniu/qshell

因为我用的是linux,所以下载了对应Linux平台的工具,并配置好环境变量。假设我的qshell存放在tools目录下,在~/.bashrc中配置环境变量如下:

1
export PATH=$PATH:/home/jemy/tools

接下来设置秘钥, 其中your_qiniu_ak是你七牛账号下的AccessKey, your_qiniu_sk是SecretKey.

1
$ qshell account your_qiniu_ak your_qiniu_sk

然后我们使用qupload命令来实现文件批量上传和同步。

1
2
qshell qupload 20 qshell-post
qshell qupload 20 qshell-images

上面的20是同步线程数,你也可以设置为其他值,qshell-post和qshell-images是我创建的两个预设上次文件, 内容如下:

qshell-post

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
"src_dir" : "/home/shuihan/Documents/blog-temp/source/_posts",
"bucket" : "dp2px",
"overwrite" : true,
"check_exists" : true,
"check_hash" : false,
"check_size" : false,
"rescan_local" : true,
"skip_fixed_strings" : ".svn,.git",
"skip_suffixes" : ".DS_Store,.md",
"log_file" : "upload.log",
"log_level" : "info",
"log_rotate" : 1,
"log_stdout" : false,
"file_type" : 0
}

关于该文件具体的配置方法请阅读对应文档:https://github.com/qiniu/qshell/blob/master/docs/qupload.md

全局替换路径

在Linux系统中全局替换可以方便的使用sed来完成。

1
2
3
gitee_path="/home/shuihan/Documents/blog-temp"

sed -i "s#img\ src=\"#&/#g" `grep img\ src=\" -rl $gitee_path/source/_posts`

这样就可以批量的替换post目录下的所有文件中的img src=”字符串为img src=”

编译发布

我们再来归纳一下整个过程:

工作区文件目录和发布区文件目录关系如图:

工作区文件目录和发布区文件目录关系

  1. 我们上面将工作区edit_path的source目录中的文件复制到发布区gitee_path的source目录下。
  2. 发布区gitee_path的post目录图片上次到七牛对象存储。
  3. 替换发布区gitee_path的post目录中的所有img路径(追加了七牛对象存储域名)。
  4. 编译发布区gitee_path并提交发布。
1
2
3
4
5
6
cd $gitee_path
hexo clean
hexo g && gulp

git add .
git commit -m "$1"

评论

Ajax Android AndroidStudio Animation Anroid Studio AppBarLayout Babel Banner Buffer Bulma ByteBuffer C++ C11 C89 C99 CDN CMYK COM1 COM2 CSS Camera Raw, 直方图 Chrome Class ContentProvider CoordinatorLayout C语言 DML DOM Dagger Dagger2 Darktable Demo Document DownloadManage ES2015 ESLint Element Error Exception Extensions File FileProvider Flow Fresco GCC Git GitHub GitLab Gradle Groovy HTML5 Handler HandlerThread Hexo Hybrid I/O IDEA IO ImageMagick IntelliJ Intellij Interpolator JCenter JNI JS Java JavaScript JsBridge Kotlin Lab Lambda Lifecycle Lint Linux Looper MQTT MVC MVP Maven MessageQueue Modbus Momentum MySQL NDK NIO NexT Next Nodejs ObjectAnimator Oracle VM Permission PhotoShop Physics Python RGB RS-232 RTU Remote-SSH Retrofit Runnable RxAndroid RxJava SE0 SSH Spring SpringBoot Statubar Style Task Theme Thread Tkinter UI UIKit UML VM virtualBox VS Code VUE ValueAnimator ViewPropertyAnimator Vue Vue.js Web Web前端 Workbench api apk bookmark by关键字 cli compileOnly computed css c语言 databases demo hexo hotfix html iOS icarus implementation init jQuery javascript launchModel logo merge methods mvp offset photos pug query rxjava2 scss servlet shell svg tkinter tomcat transition unicode utf-8 vector virtual box vscode watch webpack 七牛 下载 中介者模式 串口 临潼石榴 主题 书签 事件 享元模式 仓库 代理模式 位运算 依赖注入 修改,tables 光和色 内存 内核 内部分享 函数 函数式编程 分支 分析 创建 删除 动画 单例模式 压缩图片 发布 可空性 合并 同向性 后期 启动模式 命令 命令模式 响应式 响应式编程 图层 图床 图片压缩 图片处理 图片轮播 地球 域名 基础 增加 备忘录模式 外观模式 多线程 大爆炸 天气APP 太白山 头文件 奇点 字符串 字符集 存储引擎 宇宙 宏定义 实践 属性 属性动画 岐山擀面皮 岐山肉臊子 岐山香醋 工具 工厂模式 年终总结 开发技巧 异常 弱引用 恒星 打包 技巧 指令 指针 插件 插值 摄影 操作系统 攻略 故事 数据库 数据类型 数组 文件 新功能 旅行 旋转木马 时序图 时空 时间简史 曲线 杂谈 权限 枚举 架构 查询 标准库 标签选择器 样式 核心 框架 案例 桥接模式 检测工具 模块化 模板 模板引擎 模板方法模式 油泼辣子 泛型 洛川苹果 浅色状态栏 渲染 源码 源码分析 瀑布流 热修复 版本 版本控制 状态栏 状态模式 生活 留言板 相册 相对论 眉县猕猴桃 知识点 码云 磁盘 科学 笔记 策略模式 类图 系统,发行版, GNU 索引 组件 组合模式 绑定 结构 结构体 编码 网易云信 网格布局 网站广播 网站通知 网络 美化 联合 脚手架 膨胀的宇宙 自定义 自定义View 自定义插件 蒙版 虚拟 虚拟机 补码 补齐 表单 表达式 装饰模式 西安 观察者模式 规范 视图 视频 解耦器模式 设计 设计原则 设计模式 访问者模式 语法 责任链模式 贪吃蛇 转换 软件工程 软引用 运算符 迭代子模式 适配器模式 选择器 通信 通道 配置 链表 锐化 错误 键盘 闭包 降噪 陕西地方特产 面向对象 项目优化 项目构建 黑洞
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×