Fork me on GitHub
KeKe Blog

Hexo图床:七牛+Chrome+极简图床插件

这个工具对于我来说还是挺重要的,目前使用ATOM编写markdown文档是无法直接将图片贴到文档内的。有同事将图片上传到百度云后,通过分享获取图片链接,这样做对于我来说太过麻烦,而且时间成本相当的高。为了解决这个比较麻烦的操作,我借鉴之前他们使用七牛免费储存的功能,再结合我之前使用的chrome插件——极简图床,配置了一个比较便捷的图片上传和调用工具。这篇文档的图片就是使用的这种方式。

1 概述

  在hexo blog中使用markdown编写文档,插入的图片的方式为:

1
![picture_title](picture_url)

  所以需要找一个网络存储存放相关的图片,并生成一个有效的链接进行调用。这里选择七牛的对象存储,存放和调用图片(一定范围内是免费的)。


2 七牛云存储

  在七牛先注册一个账号,登陆后建立对象存储。
图1:在七牛账号内建立对象存储
  “测试域名”在极简图床插件中需要使用到。


3 极简图床插件

  打开Chrome浏览器,在插件商店添加“极简图床”,打开后点击右上角的“设置”,将你的七牛对象存储配置到上面。
图2:极简图床配置七牛对象存储的页面
说明:

  • 空间名称:可以自定义,没有特殊要求。
  • AK和SK:在图3中,七牛账号里寻找,路径:“个人面板->个人中心->密钥管理”。
  • 域名:如果没有个人域名就填写图1中的“测试域名”,有个人域名建议使用个人域名。

图3:在个人面板中找到“密钥管理”


4 使用步骤

  • 将本地需要配置到文章中的图片,拖入Chrome的极简图床窗口;
  • 按照提示:“粘贴、拖动或点此选择图片上传”即可将图片上传到你的七牛对象存储中,并生成相应的图片链接;
  • 在“我的上传”中,找到需要插入的图片资源,复制的相应的url,根据Markdown的语法调用即可;

5 总结

  整个的操作很简单,可能Chrome的极简图床插件需要连接下VPN。个人比较喜欢使用“Hexo+七牛+Chrome+极简图床插件”,因为这全都是免费的。

-------------本文结束 感谢您的阅读-------------