MWeb+七牛云储存制作MarkDown文章
[toc]
MWeb是一款很强大的MarkDown文章编辑器,我们可以通过使用他制作图文混合的文章,但说到发布到网上博客,我们需要考虑到图片的储存。
而MWeb作者考虑到这些,为我们添加了上传图片至图床的功能。
图床
我们打开MWeb,可以再菜单栏看到发布功能,找到上传图片至图床。
打开后有这个界面。点击新增服
点击新增任务。
这里我们看到很多可以储存图片的云平台。笔者这里用的七牛云。点击后进入编辑界面,编辑完成后就可以上传图片了。
七牛云储存
这里说道七牛云了,进入七牛云官网
首先注册个七牛云账号(实名认证也可以,不强制,凭喜好)
进入七牛云开发平台
添加对象存储,添加后如图,并点击进入
点击新增存储空间,配置空间信息
配置完成后,可以到左侧的空间列表找到配置好的存储空间,这里需要打开空间,复制一些信息
打开【空间名】 — 【内容管理】
打开【个人中心】–【个人面板】 – 【密钥管理】
打开MWeb – 【偏好设置】–【发布功能】–【把本地图片上传至图床】—【发布服务】,选择七牛打开
名称:随便填
API地址:填写选择的对应的区域地址,不知道点击问号,查看对应的地址
Access Key:个人中心中的密钥管理的AK
Secret Key:个人中心中的密钥管理的SK
图片URL前缀:空间内容管理的外链默认域名 【http:// + 外链默认域名】
图片处理代码:不用填。
填写完成后点击验证上传一张图片,若成功就完成了。
文章图片上传
本地图片直接拖拽到文章就可以了。
上传图片 打开【发布】—【上传图片至图床】上传本地图片即可
上传完成后会生成远程连接,修改本地图片链接即可。
复制MarkDown:全文复制,包括图片链接,他会把本地图片链接替换成网络链接。比较方便
Tips
设置图片的大小等信息,不同的Markdown编辑器支持的效果不一样,建议使用html标签 和 height + width等属性来设置。
1 | <img src="xxxx" style="zoom:40%" /> |
或者
1 | < img src="xxx" width = "300" height = "200" /> |
或者MarkDown语法 -w+数字
1 | ![图片名-w500](图片连接) |