自定义预览样式,让 MWeb 支持 ECharts、mermaid、PlantUML 等任何 JS 画图库

MWeb 1.4 新功能介绍二:静态博客功能增强

MWeb 比较有特色的是一键生成静态博客功能,然后从 MWeb 最开始规划要做静态博客生成功能时,我就希望 MWeb 的静态博客生成功能在易用的同时,还要有很强大的扩展性。

比如说能自己增加网站公告,这个公告可以随时更换和取消。再比如说能自己为网站增加广告,而且可以增加多个广告位,google 的或者自定的广告都可以。这些之前都可以通过修改模板解决,但是有些是解决不了的:比如说把文章列表做成像 theverge http://www.theverge.com/reviews 的页的效果,就是列表中有设定的特色图片,有自定的简介,有评分,有价格时会显示价格等。比如说设定 SEO 的一些信息,设定分享到 Facebook 的一些信息。又比如说播客类的网站,要生成 Apple 规格的 RSS。

1.4 版的静态博客增强就是解决这些问题的。我一直考虑如何介绍这个功能,然后因为之前比特新声的主播之一 郝海龙 随意问了一下是否支持生成 Podcast 的 RSS。所以我想来想去,还是介绍用 MWeb 自带的 greyshade 网站模板做一个可以写博客又可以做为播客的新模板好了。

这个新模板的 Demo 网址是:http://coderforart.com/bitvoice/,Podcast RSS 为:http://coderforart.com/bitvoice/podcast-atom.xml。 一般情况下只要到这个网址体验一下,并看一下《音乐《梁祝》及 MWeb 静态博客功能增强的使用体验》这篇文章即可,因为下边的内容是跟自定模板有关。

继续阅读 →

MWeb 1.4 新功能介绍一:引入文件夹到 MWeb 中管理,支持 Octpress、Jekyll 等静态博客拖拽插入图片和实时预览

之前在 MWeb 中打开非文档库中的 Markdown 文档,如果文档中有引用到本机图片,是没办法在 MWeb 中显示出来和预览的。这是因为 Apple 规定在 Mac App Store(MAS) 上的软件,都不能对软件自己的沙箱之外的文档进行任何操作,连读取都不能,除非用户明确授权。而用户授权的方式是使用打开、保存对话框。比如说你用 MWeb 打开一个 Markdown 文档,那么 MWeb 就能得到读写这个文档的权限。再比如说你用 MWeb 导出为 HTML 功能,在保存为对话框中选择一个要导出到的文件夹,那么 MWeb 就能得到读写这个文件夹的权限。

正因为这个原因,所以,一般情况下,如果一个软件有 MAS 版,都建议用 MAS 版,特别是国内大厂的软件,即使功能上少了点。

这次 1.4 版新增可以引入文件夹到 MWeb 中管理的功能,就是为了解决用 MWeb 打开非文档库中的 Markdown 文档无法用拖拽和粘贴插入图片,预览时无法显示引用的本机图片的问题。然后 1.4 版还对 Octpress、Jekyll 等静态博客进行了优化。在用 MWeb 编辑 Octpress、Jekyll 的 Markdown 文档时,也可以在编辑器中拖拽或粘贴插入图片并显示在编辑器中和进行实时预览了。

特别说明的是:1.4 版的实时预览增加了同步滚动功能!然后我觉得目前同步滚动功能是相当好用了,所以在这里特别说明一下。

继续阅读 →

MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 Metaweblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。

MWeb 1.3.7 版的新功能

  • 增加发布到 Wordpress 等支持 Metaweblog API 的服务,目前经测试过的有: Wordpress 博客、新浪博客、cnblogs、oschina。
  • 增加发布到 Tumblr 和 Scriptogr.am
  • 即时预览改进,原来会闪动,现在拿掉了同步滚动功能后不会了。
  • 编辑器和三栏切换也有小改进。
继续阅读 →

MWeb 1.3 版发布!半价促销,新官网,新图标,增加任务列表,顺序图和流程图,优化MathJax、PDF导出等

新官网

中文:http://zh.mweb.im
英文:http://www.mweb.im

新增:

  • 增加 CMD+Shift+V 粘贴 PNG 格式图片
  • 增加sequence图和flow图支持
  • 增加任务列表(Task lists)支持,列表后再加[ ][x]
  • 增加把分类或文档导出为Markdown
  • 现在可以直接在设置中填入Disqus、多说等评论代码了,请参考:http://zh.mweb.im/mweb-comment-and-share-help.html
  • 优化MathJax支持并把MathJax库放本地以提高预览速度
  • 优化PDF导出

修正

  • 图标小调整,应该顺眼了点。
  • 修正了一些BUG和闪退问题

1.3 以下的朋友请注意:

这次更新中,greyshade、octopress 博客主题模板有变动!由于增加了可设置评论和分类、勾选支持 MathJax 和顺序图、流程图,所以增加了以下三个变量:

{{ commentAndShareCode }}
{{ seqAndFlowChartSupport }}
{{ mathJaxSupport }}

greyshade、octopress 博客主题模板有更新到的页为 footer.html 和 post.html。

footer.html 会在 {{ siteOther }} 上增加 {{ seqAndFlowChartSupport }}{{ mathJaxSupport }}

可参考这个网址:https://github.com/oulvhai/MWeb-Themes/blob/master/greyshade/footer.html

post.html 则在要放评论和分享的地方增加 {{ commentAndShareCode }}

可参考这个网址:https://github.com/oulvhai/MWeb-Themes/blob/master/greyshade/post.html

MWeb 1.2 版更新说明和用 wkhtmltopdf 生成带目录的 PDF 和自定预览 CSS

新增

  • 可选择在输入时是否自动插入列表编号,可以在 Preferences --> General --> Auto insert list and blockquote prefix 开启和关闭。
  • 分享功能的 Copy as image、Save as image、Save as PDF 等现在统一都用HTML的样式了,另外还专门为分享到微薄等SNS生成的图片做了优化,比如说如果有代码,会强制换行。
  • 新增把文档库里的单个或多个文档导出为HTML或者PDF。使用方法为:选择要导出的文档(可多选) --> 鼠标右键 --> Export as HTML、PDF
  • 新增把整个分类导出为HTML或者PDF。使用方法为:右键要导出的分类 --> Export as HTML、PDF。导出的PDF现在还没办法自动生成目录,下边的详细介绍会分享一个可以自动生成目录的方法,然后个人觉得生成的PDF非常好。
  • 新增MWeb自带的两个主题octopress、greyshade的即时预览CSS。现在可以不用 Build site 就可以即时预览文章的大概效果了。另外自定网站的预览CSS非常简单,请看下边的详细介绍。
  • 新增可以拖拽改变文档的顺序。使用方法为:鼠标右键父分类 --> Edit --> 把Order by设定为:Custom --> 然后就可以用拖拽调节这个父分类下的文档顺序了。
  • 新增可以拖拽改变分类的顺序。
继续阅读 →