从零开始的Hexo博客搭建教程(四):图床

从零开始的Hexo博客搭建教程(四):图床

🖼写文章从选用一个好图床开始!

一步一步按照教程挑选适合自己的图床服务吧!结合一些图床上传工具使得写文章事半功倍!

(虽然这一辑教程和Hexo没太大关系啦)

🎀多图预警!

图床

七牛对象存储

大概是非常常用的对象存储了吧。

很多人推荐使用七牛云存储作为图床(高效、快速、有保障)

优点:

对于认证用户,七牛云存储提供免费的存储空间 10GB,每月下载流量 10GB,每月 PUT/DELETE 10 万次请求,每月 GET 100 万次请求。

缺点:

  1. HTTPS 域名产生的用量不计入免费额度

  2. 只有 30 天的测试域名,七牛融合 CDN 测试域名(clouddn.com/qiniucdn.com/qiniudn.com/qnssl.com/qbox.me 结尾),每个域名每日限总流量 10GB,每个测试域名自创建起 30 个自然日后系统会自动销毁,仅供测试使用。

    到期后就只能自己绑定域名了,如果你的博客托管于 Github/Coding等服务上,并且手中没有闲置的已备案域名,也就意味着你要跳过七牛这一选项了。

    1
    七牛对象存储 <= 需要域名的备案号+公安备案号 <= 需要购买主机

    整个操作周期至少10天左右。

  3. 图床迁移很麻烦,无法批量下载。

STEP1: 注册账号并实名认证

登录 七牛开发者平台,如果没有注册账号请先注册成为体验用户。

体验用户无法使用任何服务,请先前往 个人中心 - 个人信息 实名认证。

认证需提供 真实姓名、身份证号、身份证正反两面照片 等信息,3个工作日内人工审核完毕。

STEP2: 新建存储空间

打开 对象存储 - 新建存储空间 即可创建新的Bucket。

img

在 内容管理 栏目中可以上传、下载、访问、修改资源等操作。

img

记下 Bucket名(即你创建的存储空间的名字)、外链默认域名。

打开 个人中心 - 密钥设置,记下 AccessKey/SecretKey,接下来会用到。

工具推荐

PicGo: 跨平台图床神器

【强烈推荐】基于 electron-vue 的开源跨平台图片上传工具,简化上传图片的繁杂操作,支持一键拖拽、剪贴板上传,功能强大,简单易用。

PicGo在上传图片之后自动会将图片链接复制到你的剪贴板里,可选5种复制的链接格式。

支持macOS、windows 64位(>= v1.3.1),linux(>= v1.6.0)。

Mac 上一款很不错的小工具应用 iPic 免费版本并不支持七牛图床,而PicGo v2.0.3 目前支持 SM.MS、腾讯云COS、微博图床、GitHub、七牛、Imgur、阿里云COS、又拍云等8种常用图床,其他图床服务可通过手写插件添加。

需要注意的是,想要使用PicGo 2.0的插件系统,需要先行安装Node.js环境,因为PicGo的插件安装依赖npm。

支持快捷键command+shift+p(macOS)或者control+shift+p(windows\linux)用以支持快捷上传剪贴板里的图片(第一张)。 PicGo支持自定义快捷键,使用方法见配置手册

下载地址

github.com/Molunerfinn…

注意:mac 系统选择 dmg 下载,windwos 选择 .exe系统,如果不是下载安装包,想看源码的话,可以选择 git clone https://github.com/Molunerfinn/PicGo.git 克隆到本地

使用Github作为图床的配置

https://www.jianshu.com/p/2756724a5dee

VSCode的PicGo插件vs-picgo

在PicGo-Core发布不久,就有人根据PicGo-Core的API编写了VSCode版的PicGo插件。使用起来也非常方便:

支持 截图上传、文件浏览器选择上传、输入文件路径上传。

配置项与PicGo的图床的配置项基本保持一致。在VSCode插件栏搜索PicGo即可下载安装与体验!

MPic: Windows下的七牛图床上传小工具

支持 拖拽上传、截图上传、剪贴板图片上传。

下载地址

MPic-图床神器

Mpic如何设置账号

  1. 打开Mpic,点击“设置账号”

设置账号

  1. 将七牛对应信息填入面板,没有七牛账号请查看本文上方的七牛对象存储教程

Mpic页面

空间名称: 七牛存储文件的空间名(就是你用于存储文件的文件夹名字,如下图我的)
AccessKey: 点击七牛“个人面板”,“密钥管理”中即可看到AccessKey
SecretKey: 点击七牛“个人面板”,“密钥管理”中即可看到 SecretKey
域名: 存储空间对应的域名,如果存储空间绑定了自己的域名就填写自己的域名

  1. 设置链接格式和上传方式

因为使用图床的目的是为了方便Markdown写作,所以肯定要最终生成的连接是Markdown的图片链接格式。
操作方式:在右下角的Mpic图标上,点击右键,然后按照图示勾选Markdown。

截图上传:右键单击右下角Mpic图标,把关闭截图自动上传前面的勾去掉,如果没有的勾的话,就保持原样不动。

复制上传:和截图上传操作类似,可以直接复制图片上传,我用的不多,因为这样可能会造成一些混乱。有需要的话,可以自行开启。



📘《从零开始的Hexo博客搭建教程》系列文章:

  1. 从零开始的Hexo博客搭建教程(一):开始
  2. 从零开始的Hexo博客搭建教程(二):主题
  3. 从零开始的Hexo博客搭建教程(三):SEO优化
  4. 从零开始的Hexo博客搭建教程(四):图床
  5. 从零开始的Hexo博客搭建教程(五):文章发布
  6. 从零开始的Hexo博客搭建教程(六):插件
  7. 从零开始的Hexo博客搭建教程(七):遇到的坑

评论

Blog tasks

1 / 4 tasks

  • About 页面大修

    • Mark done
    • Edit
    • Delete
  • TOC 滚动更新位置
  • 设计 Logo SVG

    • Mark done
    • Edit
    • Delete
  • todo 小组件大小单位用 rem

    • Mark done
    • Edit
    • Delete
Your browser is out-of-date!

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

×