很多年以前开始使用markdown写博客的时候,当时博客园的web编辑器还不是那么好用,就特别想有一个优秀的编辑器可以直接发布到博客园的。偶然间发现一个非常好用的MarkWord,可以实现markdown本地编辑后发布到远程的功能,重点是实时预览、图片可以直接Ctrl+C Ctrl+V,写作的过程简直纵享丝滑,不可谓不优秀!
主要特性:
- 支持Markdown编写实时预览
- 支持样式自定义与切换
- 支持图片直接复制与粘贴
- 支持一键发布到博客园等支持metablog协议的网站
- 支持自定义类别
- 支持发布到草稿
软件的原理就不多说了,可以理解为通过编译Markdown
为html
,然后发布;然后图片复制和粘贴的原理就是保存到本地的一个临时文件夹中,发布的时候通过上传API发布上去。软件的体验非常好,我用了很长的一段时间。后来博客园官方对Markdown
有了支持,这种编译方式,会将style等内容一并嵌入,如果自己博客的style经常更换的,很容易造成样式错乱。我就一直琢磨,能不能不发布Html内容,而转为直接发布Markdown源码呢?
改造
翻看博客园官方的说明,通过meta发布的时候,只要将分类设置为[Markdown]
就可以支持直接发布Markdown源。于是我简单改造了一下,禁用了软件各种style功能,纯粹只发布Markdown,依然保留直接Ctrl+C Ctrl+V的功能。
图片上传
if (img != null)
{
string filePath = Config.imgcacheDir + "\\" + System.IO.Path.GetRandomFileName() + ".png";
img.Save(filePath, System.Drawing.Imaging.ImageFormat.Png);
//原来的
//markEdit.textEditor.SelectedText = string.Format("![img](file:///{0})", System.Web.HttpUtility.UrlEncode(filePath).Replace("+", "%20"));
//改造
markEdit.textEditor.SelectedText = $"![img]({new Uri(filePath).AbsoluteUri})";
}
添加[Markdown]分类
//直接使用markdown发布 see BLL/BlogsHelper.cs
blogsPost.description = Blogs;
//开始查找图片并更新到服务器
//HtmlDocument htmlDoc = new HtmlDocument();
WebClient webClient = new WebClient();
//htmlDoc.LoadHtml(blogsPost.description);
//var ImgList = htmlDoc.DocumentNode.Descendants("img");
//使用了正则来寻找图片。
var rex = "!\\[[^\\]]+\\]\\([^\\)]+\\)";
var ImgList = Regex.Matches(Blogs,rex);
int procCount = 3 + ImgList.Count;
最终效果如下:
当时也顺便迁移了一下到.NET CORE,详细内容请移步迁移WPF项目到.NET Core
最终的程序代码发布到netcore
分支,不过我只做了关键代码的修改,我也用了很久了,编写和发布Markdown是没有问题了,但其他功能我也没有试验过,建议大家编写博文的时候经常保存。
使用说明
使用netcore分支,在release下直接编译即可,需要.NET CORE 3.1 Desktop SDK
,因此需要VS2019。详细使用方法请阅读原作者的博客。
补充:现在博客园的Web Markdown编辑器已经可以支持直接Ctrl+C Ctrl+V上传了,还能自动保存,体验已经很不错了(就差一个实时预览了),本文就是使用Web编辑器编写而成。
资源
- 项目代码原地址:MarkWord
- 原作者博客:twzy的博客园
- 我FORK的netcore分支:MarkWord
再次感谢原作者的优秀软件!