Tag: markdown

  • 小记一次迁移Chrome扩展到Microsoft Edge

    这几天 @阿当 提到无法在Edge上安装我的Chrome扩展Markdown Preview Plus。我这时候才注意到Edge也有了自己的扩展商店,甚至可能安装Chrome的扩展。

  • 关于Markdown Preview Plus的补充说明

    对Markdown Preview Plus的使用方法做一个补充说明,这是一个chrome的插件,方便预览markdown格式的文件。 使用方法 从chrome的webstore安装Markdown Preview Plus插件 在设置页中勾选 “允许访问文件网址”,如图 在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格式写Todo list 做这个插件的初衷 我比较习惯使用vim编辑文件,虽然现在有不少带即时预览功能的markdown编辑工具,仍然无法适应,所以做了这个插件来满足日常的编辑需求。如果有问题,请在github上指出。

  • 使用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,要试用的话需要按下面几步操作: 把插件的代码clone回来 git clone git://github.com/volca/markdown-preview.git 开启chrome扩展的开发者模式,具体位置在窗口 -> 扩展程序里 载入正在开发的扩展程序 将允许访问文件网址勾选上 然后你就可以尝试用chrome浏览器打开markdown文件预览html,采用趁手的编辑器去修改它。 BTW chrome下的插件写起来比想像的要简单,写javascript就是了 现在这篇blog即是我用markdown格式写成的,用到了wordpress的markdown on save扩展。 Update 测试把文件放在dropbox的Public下,修改之后的效果能够立刻在共享链接里看到效果,很完美