前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo博客进阶教程(三)| 自有云图床配合Mpic,轻松解决md插图问题

Hexo博客进阶教程(三)| 自有云图床配合Mpic,轻松解决md插图问题

作者头像
Mculover666
发布2020-07-16 11:33:14
1.1K0
发布2020-07-16 11:33:14
举报
文章被收录于专栏:TencentOS-tinyTencentOS-tiny

1. 待优化问题

在使用 md 写文章的时候,图片的路径是一个很大的问题,很多人使用相对路径来引用图片,一方面是占用存储资源,另一方面是一旦路径修改,图片路径全部失效,很不方便。

还记得在CSDN里写博客是如何插图的吗?

截图或者复制一张图片之后,在 CSDN 的 markdown 编辑器中直接按Ctrl+V复制,编辑器中就会自动将图片上传到图床,并生成一个图片的url链接,俗称图片外链。

本文接下来将带你拥有一个自己的云图床,并配合MPic工具实现类似CSDN这样的快速插图

2. 拥有一个自己的云图床

所谓图床,其实就是云服务厂商提供的对象存储服务,简称OBS服务,各大云厂商都有该服务,收费情况不一样,这里我强烈建议:七牛云

来看看七牛云的免费额度:

这个免费的量,够用吗?

咱用数据来说话,到目前为止, 我写了有50多篇博客,都是以步骤为主,图片比较多,来看看我的用量:

10GB用来放图片,足够了,可千万别放视频哦,不然100GB都不够用的~

言归正传,开干!

注册登录七牛云

七牛云的网址是:https://www.qiniu.com/,访问后先注册登录七牛云,然后在右上角进入管理控制台

创建OBS存储空间

点击对象存储立即添加按钮,创建一个OBS存储空间:

填写OBS存储空间信息:

填写完成之后点击页面下方的立即创建,创建成功后如图所示:

手动体验一下云图床

在内容管理页面,点击上传文件

上传一张本地图片:

上传成功:

点击复制外链

复制出来的外链如下,直接插入到md文件中即可:

代码语言:javascript
复制
http://q0w2lvoj6.bkt.clouddn.com/Logo.jpg

然后将其写在markdownw文件中即可:

代码语言:javascript
复制
![logo](http://q0w2lvoj6.bkt.clouddn.com/Logo.jpg)

效果如下:

logo

关于外链域名

创建OBS的时候,七牛云会默认给一个测试域名,这个域名有效期30天:

所以之前的教程里我大概提了一下,拥有一个自己的域名会很方便。

因为七牛云的OBS进行了CDN加速,所以绑定的域名必须备案通过,这里我也有个小经验分享:

域名备案时一般都是一级域名,比如mculover666.cn,所以在云图床绑定的域名必须是该域名,可是这样博客就没有域名了呀~

别慌!一级域名没有了,二级域名任你玩!

在DNS解析的时候,所有加了前缀的域名都是二级域名,可以随意解析,比如你的博客域名可以是:

  • www.mculover666.cn
  • blog.mculover666.cn
  • ……

3. MPic图床神器

在上一步中我们体验了如何手动上传一张图片并生成图片url外链,这样的过程未免过于麻烦,下面拉出我们的图床神器 —— MPic。

MPic可以直接在其官网 http://mpic.lzhaofu.cn/ 下载:

该神器的界面如下:

绑定七牛云授权信息

首次运行时,需要绑定七牛云的一些授权信息,点击左上角的设置账号

这里我展示的是我自己的配置,需要全部修改为你的配置!

七牛空间名和域名对应你自己的配置即可,AccessKey和SecretKey的获取方式如下:

进入秘钥管理页面:

随便选择一对秘钥即可:

七牛云 + MPic

保证该工具在后台运行

该工具启动后界面会置顶显示,可以点击关闭按钮,该工具会在后台保持运行!可以在右下角通知栏看到!

使用方法

复制一张图片或者截图,之后该工具就会自动上传,不用管,上传完成之后会在屏幕右上角给出上传成功的信息,这时直接按Ctrl+V就会粘贴该图片的md外链,是不是很方便呢?

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-11-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Mculover666 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 注册登录七牛云
  • 创建OBS存储空间
  • 手动体验一下云图床
  • 关于外链域名
  • 绑定七牛云授权信息
相关产品与服务
腾讯云图数据可视化
腾讯云图数据可视化(Tencent Cloud Visualization) 是一站式数据可视化展示平台,旨在帮助用户快速通过可视化图表展示大量数据,低门槛快速打造出专业大屏数据展示。精心预设多种行业模板,极致展示数据魅力。采用拖拽式自由布局,全图形化编辑,快速可视化制作。腾讯云图数据可视化支持多种数据来源配置,支持数据实时同步更新,同时基于 Web 页面渲染,可灵活投屏多种屏幕终端。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档