使用 MWeb + Typora 写作并发布到博客园
一直没有一个称手的写作工具,博客园自己的 markdown 写作工具又太难用,所以被迫寻找 markdown 写作工具,最后入了 MWeb。
以下是使用 MWeb 在博客园创作会遇到的问题。
最后会有使用 MWeb 的样式展示例子。
第三方图床,因为用了 MWeb 就不能使用博客园自带的图床了。
1. 图床准备
使用 uPic 上传到图床, uPic 是一款免费且功能强大的图床工具。
uPic 下载地址
我这里选择了使用码云作为图床,具体的配置可以下载之后配置图床的时候填写,如果不知道怎么填,可以问我。
上面的图片就是通过 uPic 上传生成的。
基础样式示例
2.1 代码示例
<?php
$html = file_get_contents('regex.html');
preg_match_all('#https://www\.zhihu\.com/question/(\d+)#', $html, $qids);
print_r($qids);
2.2 表格示例
表头1 | 表头2 | 表头3 |
---|---|---|
内容 |
写作的样式也比较好,如上图,再次点击表格按钮,就回重新弹出这个窗口
2.3 引用
孟子说:中午不睡,下午崩溃。孔子说:孟子说得对
整体来说很满意,只不过预览按钮一直乱晃不知道是什么原因,可能是在疯狂的渲染页面,所以在一直写作的时候可以点一下工具栏图表把预览按钮关掉,或者使用 cmd + 4 关闭
3发布到博客园
博客园设置中添加权限。
设置中选发布服务,选 允许 MetaBloglog 博客客户端
填写你的信息
最后写完之后,点击 菜单栏 > 发布 > 【你的博客名】
优化体验
因为无法忍受在有图片的情况下 MWeb
的预览效果。所以决定使用 Typora
来改进流程。
具体工作流程如下:
MWeb
中创建文档- 在
Typora
中写作直到满意,包括上传图片 - 通过
MWeb
发布文档到线上博客 - 通过
MWeb
修改错误
如何让 Typora
能和 MWeb
兼容呢?
在 Typora
的设置中选择:
选择 MWeb
的文档库位置。
在 typora
中可以将边栏切换到 文档列表
视图,并且将文档列表的排序修改为 按修改时间排序
,就能看到如下图所示效果:
通过 Typora
上传图片到图床
在设置中选择 图像
选择 插入图片时 上传图片
上传服务设置为咱们前面配置好的 uPic
好了,舒服了,午睡 10 分钟。