hexo框架下，实现图片一键式上传到七牛云

在使用hexo框架驱动个人博客时，图片的插入是一个比较费心的事情

以我为例，我使用hexo+Github搭建个人独立博客

但是Github仓库提供的存储空间是有限的，如果把图片保存到本地(对应的是Github仓库)，那么不多久就会占满整个空间。

最好的解决办法，就是把图片上传到图床，目前主流采用的是七牛云(可以通过我的链接注册：https://portal.qiniu.com/signup?code=3lnfyf7u5m5hu ，而且七牛云平台还会送你优惠券)存储图片。

但是hexo在搭建博客的过程中，对图片上传到七牛云的工作并不友好。

下面，就扒一扒，为了便于把图片上传到七牛云，我都采用了哪些方法？

安装hexo-qiniu-sync插件

npm install hexo-qiniu-sync --save

假设，我们安装好了hexo-qiniu-sync插件，我们数一数在写博客时，上传图片到图床需要几步？

通过截图、复制等方式找到需要插入的图片demo.jpg
把图片放在**>cdn>images文件夹下**
在博客编辑器(我用的是Typora)，插入这个图片，需要一个这样的指令{% qnimg demo.jpg %}

这是在生成站点时，就会被同步上传到图床，并在博客网站上引用这个图片

但是这里有一个问题：Typora插入一个这样的指令，并不能同时预览这张图片
为了介绍空间，把放置在>cdn>images文件夹下的图片删除

以上方法存在两个不满意的地方：

安装hexo-admin插件，使用博客后端管理工具

npm install hexo-admin --save

这个使用过程，我不太有发言权

我一直没有安装成功，原因目前还没有找到

使用hexo-admin有两个好处

mark

但是我还是不满意，因为我已经用习惯了编辑器-Typora，就想用Typora编写自己博客，那这时hexo-admin就帮不了你了，怎么办呢？

使用Mpic第三方软件，帮你一键上传到七牛云

mark

如图所示，图片在上传到七牛云后，会生成一个链接，并自动复制到了剪贴板，此时你只要复制到Typora的文档中，就会自动生成图片了。
可以同步预览图片效果，非常方便。

需要”设置账号“和你的七牛云绑定

所以利用Typora+Mpic 两个软件合作，可以非常方便的实现图片上传到图床，且还可以实现：

以上