关于Markdown Preview Plus的补充说明

Markdown Preview Plus的使用方法做一个补充说明,这是一个chrome的插件,方便预览markdown格式的文件。

使用方法

  • 从chrome的webstore安装Markdown Preview Plus插件
  • 在设置页中勾选 “允许访问文件网址”,如图
    \"options\"
  • 在chrome中打开本地markdown文件,http/https也是可以支持的
  • 你会看到已经转换成html的内容

为每个md文件设置样式

新的0.2.1版本已经支持对每个md文件设置样式,这个可以覆盖全局的样式设置

\"弹出页面\"

Markdown Preview Plus

Markdown Preview Plus是一个chrome下的markdown预览插件。这个插件基于Markdown Preview的基础上,做了一部分改进。

改进的部分

  • 支持自动加载,这个选项默认是关闭的,可在options中设置。
  • 支持http和https的markdown文件预览
  • 支持部分css样式,例如Github,TopMarks,另外也从Mac下的客户端Mou中导入了Clearness样式

预览

设置界面的预览

\"Markdown

使用详情可参考使用markdown格式写Todo list

做这个插件的初衷

我比较习惯使用vim编辑文件,虽然现在有不少带即时预览功能的markdown编辑工具,仍然无法适应,所以做了这个插件来满足日常的编辑需求。如果有问题,请在github上指出。

MarkNote 1.0.2

MarkNote 1.0.2可以下载了。这个版本以Bug修复为主,改动如下:

  • 添加了撤销和重作功能.
  • 添加了部分retina高清图标,为了The new iPad.
  • 预览界面里的链接现在是在内置的safari打开,避免点击链接之后无法预览
  • 修复竖持时>按钮无法被按到的问题

下一个版本会做稍大的改动,计划内的改动如下:

  • 补齐retina图标以及app的高清图标
  • 支持MultiMarkdown语法,这样就可以画table了
  • 支持编辑时手动上传

猛击App Store下载

MarkNote for iPad 1.0.1

MarkNote 1.0.1在苹果应用商店上架了。这是一个在iPad上使用的Markdown编辑器,如果你喜欢用Markdown来写一些文字的话,那么这个应用可能就是一个不错的选择。

现在限时降价,6块

1.0.1新增的功能:

  • 新增了多个语言支持
  • 新增了全屏预览按钮
  • 在键盘上新增了两个按钮: < 和 >
  • 解决了第一次打开文件时有可能没有预览的问题
  • 解决了Dropbox同步的一个问题

我借到一个支持Air Print的HP打印机测试了打印功能,MarkNote的打印功能工作正常。

图片预览

新增的全屏预览按键在下图的右下方,可惜被某浪的图片水印盖住了。
\"MarkNote\"

MarkNote – iPad上的Markdown文本编辑器

不才用业余时间鼓捣出一个叫MarkNote的iPad应用,用来给geek们编辑Markdown文本。使用方式是左侧编辑,右侧预览生成的HTML,然后接下来可以选择Email或是打印,复制之类。

MarkNote的功能

  • 实时预览
  • 自动保存
  • 多个主题选择,甚至可以做为一个简单的待办事项列表来使用(使用TopMarks主题)
  • 和Dropbox同步
  • 以html格式打印或邮件递送内容
  • 复制内容到其它应用中使用

真相图

\"TopMarks样式\"

\"夜间样式\"

BTW:这个应用苹果的审核人员只用一个小时就通过了,可见是多么简单的一个应用。

使用markdown格式写Todo list

上周我完成了chrome的markdown-preview扩展的修改,使它支持markdown文件的实时预览功能。现在可以考虑用这个功能来做一些更酷的事情,比如说,写Todo list?

开始干

  • 首先我找到了一个叫topmarks的markdown样式文件,这个样式文件能给出一个漂亮的Todo list样式,我把它合并到了 修改后的markdown preview插件
  • 关注了一下markdown-preview原作者的github,他有计划增加一项功能,让用户可以自定义css文件,但是近期完成无望,所以我新增了一个topmarks的分支,采用新的样式
  • 在chrome的扩展中重新加载插件

效果图

如图,我采用vim编辑文件,右边摆上chrome浏览器预览,文件采用dropbox同步,保证我随时能更新这个文件。

\"效果图\"

关于topmarks的补充说明

topmarks样式采用了这些自定义标签

  • <t> 新任务
  • <d> 已完成的任务
  • <c> 已取消的任务
  • http, ical, mailto, file链接有不同的图标

markdown文件的编辑以及实时预览

之前看到有一款叫Mou的软件可以编辑markdown格式的文本内容并且实时预览,可是我比较喜欢用vim编辑器,所以就想着能不能用别的软件配合着来实现实时预览。

今天看到一个chrome的扩展叫markdown preview,它可以自动把md或markdown后缀的文本转换为html格式在chrome中查看,只是还欠缺一个自动刷新的功能。然后我看到它的源码已经放在github上,于是抓回来做了一些修改,加上了自动刷新的功能。

演示

尝试了一下在vim中编辑文件,然后在chrome中浏览,效果还不错,见下图:

\"效果图\"

更改后的扩展

我把修改后的markdown preview插件放在github上 , 已经尝试向原作者发起pull requests,要试用的话需要按下面几步操作:

  1. 把插件的代码clone回来 git clone git://github.com/volca/markdown-preview.git
  2. 开启chrome扩展的开发者模式,具体位置在窗口 -> 扩展程序
  3. 载入正在开发的扩展程序
  4. 允许访问文件网址勾选上

然后你就可以尝试用chrome浏览器打开markdown文件预览html,采用趁手的编辑器去修改它。

BTW

  • chrome下的插件写起来比想像的要简单,写javascript就是了
  • 现在这篇blog即是我用markdown格式写成的,用到了wordpress的markdown on save扩展。

Update

  • 测试把文件放在dropbox的Public下,修改之后的效果能够立刻在共享链接里看到效果,很完美