Hexo 七牛同步插件的使用

七牛云

Hexo 七牛同步插件地址: https://github.com/gyk001/hexo-qiniu-sync 基本的安装、配置在插件主页也有过说明,按照配置即可,这里记录下遇到的坑。注意在 _config.yml 中不要配置插件栏如下,否则会报错找不到 hexo server 的命令,可参考问题:hexo-qiniu-sync 安装好后,hexo s 命令不见了,hexo d 也提示问题

1
2
plugins:
- hexo-qiniu-sync

我的 Hexo 根目录下的 _config.yml 配置如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#plugins:
# - hexo-qiniu-sync
qiniu:
offline: false
sync: true
bucket: xirong
# secret_file: sec/qn.json or C:
access_key: yours
secret_key: yours
dirPrefix: static
urlPrefix: http://static.ixirong.com/static #开启了特殊域名所以使用自己的特殊域名
up_host: http://upload.qiniu.com #默认即可
local_dir: static
update_exist: true
image:
folder: images
extend:
js:
folder: js
css:
folder: css

配置完成后,使用方法即在文章中想要放置图片的地方将下面的内容, 注意标签中的文件的路径在哪里,怎么写?

1
{% qnimg qiniu-logo.png title:七牛云 logo alt:七牛云 'class:' extend:?imageView2/2/w/550 %}

安装插件、配置完成后可以先执行 hexo 的任何命令,比如 hexo g,插件会自动生成配置中的路径,比如我的 static ,完整路径即在 hexo 文件夹的根目录下会生成 static/js ,static/images ,static/css 几个目录,把图片文件拷贝到 images 目录下面,即可以配置为图片文件名,比如 qiniu-logo.png

1
2
3
4
5
6
7
8
9
10
11
bash: hexo g
INFO -----------------------------------------------------------
INFO qiniu state: online
INFO qiniu sync: true
INFO qiniu local dir: static
INFO qiniu url: http://static.ixirong.com/static
INFO -----------------------------------------------------------
INFO Start processing
INFO Now start qiniu sync.
INFO Need upload file num: 0
INFO Files loaded in 1.53 s

标签中的 ?imageView2/2/w/550 命令详细介绍可以参考七牛官网开发文档之图片处理 API: https://developer.qiniu.com/dora/manual/1279/basic-processing-images-imageview2 ,介绍的很详细明了。

配置好后试一下 hexo s ,就会要上传的文件已经传递到七牛云你的存储空间了,访问本地http://localhost:4000 也能看到自己的图片了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
bash: hexo s INFO -----------------------------------------------------------
INFO qiniu state: online
INFO qiniu sync: true
INFO qiniu local dir: static
INFO qiniu url: http://static.ixirong.com/static
INFO -----------------------------------------------------------
INFO Start processing
INFO Now start qiniu sync.
INFO Need upload file num: 0
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
INFO Now start qiniu watch.
INFO Need upload file: /Users/xirong/GitHub/hexo-3.2/static/images/qiniu-logo.png
INFO xirong static/images/qiniu-logo.png /Users/xirong/GitHub/hexo-3.2/static/images/qiniu-logo.png
INFO Need upload file: /Users/xirong/GitHub/hexo-3.2/static/images/qiniu-logo.png
INFO xirong static/images/qiniu-logo.png /Users/xirong/GitHub/hexo-3.2/static/images/qiniu-logo.png
INFO Now start qiniu sync.
INFO Need upload file num: 2

将文件上传到七牛云有两种方式 hexo shexo qiniu sync|sync2 的两个命令工具:

1
2
3
4
5
6
7
8
qiniu sync plugin for hexo
Usage: hexo qiniu <argument>
Description:
hexo qiniu static files sync plugin
Arguments:
info | i Displays plugin version, aurthor or GitHub links
sync | s Sync your static files to qiniu.
sync2 | s2 Sync your static files to qiniu.(And uploaded update files)

PS: 还没有使用过七牛云的朋友们可以尝试下,简单、极速、稳定、免费(够用), 我的推荐链接: https://portal.qiniu.com/signup?code=3lkd3gonyuhjm ,通过连接注册你将获得更多的每月免费流量。

xirong wechat
我在公众号与你分享更多内容