hexo框架下,实现图片一键式上传到七牛云
在使用hexo框架驱动个人博客时,图片的插入是一个比较费心的事情
以我为例,我使用hexo+Github搭建个人独立博客
但是Github仓库提供的存储空间是有限的,如果把图片保存到本地(对应的是Github仓库),那么不多久就会占满整个空间。
最好的解决办法,就是把图片上传到图床,目前主流采用的是七牛云(可以通过我的链接注册:https://portal.qiniu.com/signup?code=3lnfyf7u5m5hu ,而且七牛云平台还会送你优惠券)存储图片。
但是hexo在搭建博客的过程中,对图片上传到七牛云的工作并不友好。
下面,就扒一扒,为了便于把图片上传到七牛云,我都采用了哪些方法?
第一种方法
安装hexo-qiniu-sync插件
1 | npm install hexo-qiniu-sync --save |
假设,我们安装好了hexo-qiniu-sync插件,我们数一数在写博客时,上传图片到图床需要几步?
通过截图、复制等方式找到需要插入的图片
demo.jpg把图片放在**>cdn>images文件夹下**
在博客编辑器(我用的是Typora),插入这个图片,需要一个这样的指令`` 这是在生成站点时,就会被同步上传到图床,并在博客网站上引用这个图片 但是这里有一个问题:Typora插入一个这样的指令,并不能同时预览这张图片
为了介绍空间,把放置在>cdn>images文件夹下的图片删除
以上方法存在两个不满意的地方:
图片还是先放在Github的本地仓库中,为了节省空间,需要定期删除 (如果我可以从本地的任意位置导入图片,并自动上传图床就太棒了)
在Typora中插入指令``不能在预览到图片 (如果可以直接在Typora中预览到插入图片的效果,就太棒了)
第二种方法
安装hexo-admin插件,使用博客后端管理工具
1 | npm install hexo-admin --save |
这个使用过程,我不太有发言权
我一直没有安装成功,原因目前还没有找到
使用hexo-admin有两个好处
- 非常方便的管理后台的博客

- 可以实现将本地任意文件夹的图片上传到图床 解决第一种方法的第一个问题
但是我还是不满意,因为我已经用习惯了编辑器-Typora,就想用Typora编写自己博客,那这时hexo-admin就帮不了你了,怎么办呢?
第三种方法
使用Mpic第三方软件,帮你一键上传到七牛云

如图所示,图片在上传到七牛云后,会生成一个链接,并自动复制到了剪贴板,此时你只要复制到Typora的文档中,就会自动生成图片了。
可以同步预览图片效果,非常方便。
需要”设置账号“和你的七牛云绑定
所以利用Typora+Mpic 两个软件合作,可以非常方便的实现图片上传到图床,且还可以实现:
使用Typora编辑器编写博客
图片可以在任意本地文件夹中上传到七牛云
在编写博客时,可以同步预览效果
以上
