在最新版本(1.0.5715.39966)的CloudNotes桌面客户端中,已经可以把笔记发布到博客园了,它是通过一个新增的桌面客户端插件实现的。事实上,该插件不仅仅支持博客园,它可以支持所有基于MetaWeblog API的博客系统。

不多说,先上图。在该版本的桌面客户端中,打开设置对话框,进入“扩展功能”标签,您可以看到在工具型扩展功能列表中,新增了两个扩展功能(也就是常说的插件):发布到博客和插入语法高亮代码:

CloudNotes之桌面客户端篇:将笔记发布到博客园

后面我会介绍插入语法高亮代码插件,先看看这个博客发布插件。当用户选中“发布到博客”插件时,会在设置对话框的右侧显示相关的设置,这包括:

  • MetaWeblog API地址:它是一个能够提供MetaWeblog API的URL。就博客园而言,地址格式应该是:http://www.cnblogs.com/<您的账号名>/services/metablogapi.aspx
  • 用户名:您登录博客系统的账号
  • 密码:用于发布博客的密码

您可以单击“连接测试”按钮来测试是否能够正确接入博客API,如果成功,系统会给出相应提示信息。

之后,您可以随意打开一份笔记,然后通过工具->发布到博客菜单,将笔记发布到设定好的博客账户:

CloudNotes之桌面客户端篇:将笔记发布到博客园

点击该菜单项之后,会弹出分类选择对话框,您可以指定待发博客的归类:

CloudNotes之桌面客户端篇:将笔记发布到博客园

当完成分类选择并单击确定按钮之后,笔记就会被发布到博客系统中了,成功发布时,桌面客户端会在界面左下角的状态栏中提示发布成功的消息。

插入语法高亮代码

为了配合博客发布插件,希望能够将博客发布到博客园,码农嘛,在博客中插入代码是少不了的。因此,我在最新的这个版本中,也附带开发了插入语法高亮代码的插件。它利用了http://alexgorbatchev.com/SyntaxHighlighter/这套基于Web Javascript语法高亮插件,会在笔记中插入一个<pre></pre>的Html标记。那么如果博客系统本身能够支持Alexgorbatchev SyntaxHighlighter的话,就会在渲染的博客页面上出现语法高亮的效果。这也正好符合博客园的基本配置。

同样,针对Alexgorbatchev SyntaxHighligher的配置,可以到设置对话框中找到“插入语法高亮代码”扩展功能,然后在右边的设置区域进行配置:

CloudNotes之桌面客户端篇:将笔记发布到博客园

然后,将光标停留在需要插入代码的地方,从工具->插入语法高亮代码菜单中打开插入代码对话框,在此,你可以选择编程语言、高亮行,并输入源代码。需要注意的是,高亮行是指您希望在插入的代码中希望能够重点突出的行号,以逗号分隔的数字进行输入。例如,假设对话框中各参数的设定如下:

CloudNotes之桌面客户端篇:将笔记发布到博客园

那么,您将看到如下的效果:

protected override IEnumerable<Extension> LoadResources(string fileName)
{
    var assembly = Assembly.LoadFrom(fileName);
    var result = new List<Extension>();
    foreach (var type in assembly.GetExportedTypes())
    {
        if (type.IsDefined(typeof (ExtensionAttribute)) &&
            type.IsSubclassOf(typeof (Extension)))
        {
            try
            {
                var extensionLoaded = (Extension) Activator.CreateInstance(type);
                this.OnResourceLoaded(extensionLoaded);
                result.Add(extensionLoaded);
            }
            catch
            {
            }
        }
    }
    return result;
}

其它的几个增强功能

在这次版本的发布中,还包含了两个编辑器方面的增强功能。第一个就是能够直接将剪贴板中的图片插入到笔记中,只需简单地按一下按钮即可。这也是为了能够更方便地编辑和发布博客所做的改进:

CloudNotes之桌面客户端篇:将笔记发布到博客园

另一个改进就是,您可以直接操作笔记的Html代码了,而且笔记的Html代码编辑器支持语法高亮喔(通过ICSharpCode.AvalonEdit实现)!

CloudNotes之桌面客户端篇:将笔记发布到博客园

因此

不瞒您说,本文就是用CloudNotes桌面客户端撰写并发布的!不信?有图有真相:

CloudNotes之桌面客户端篇:将笔记发布到博客园

总结

本文简要介绍了新版本的桌面客户端中新增的插件以及增强的功能。新增的插件包括发布到博客插件,以及插入语法高亮代码插件。当然,就博客发布插件而言,它的配置还是相对简单的,没有支持更多的博客类型,也没有支持更复杂的账号设定和发布选项,如果该扩展功能确实会有用户经常使用,我可以考虑进一步扩展,甚至为某些客户自定义。我也是尽自己的能力,希望能够把CloudNotes做到更好。

安装包与源代码

您可以到http://cloudnotes.cloudapp.net/webapi/Home/Release查看CloudNotes的版本更新历史,并通过点击链接下载最新的安装包。

您可以到https://github.com/daxnet/cloudnotes查看并下载CloudNotes整套(包括服务端和桌面客户端及其插件)源代码。源代码的使用方法请参考《CloudNotes:一个云端个人笔记系统》一文。

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-24
  • 2021-11-22
  • 2022-01-03
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-29
  • 2021-07-21
  • 2021-08-16
  • 2021-09-19
  • 2021-08-19
  • 2022-02-25
相关资源
相似解决方案