Tag: markdown

Categories
common

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

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

由于Microsoft Edge新版直接基于Chromium开发，所以将Chrome扩展直接移植到Edge也成为了可能。微软提供的移植文档比较详细，大概10多分钟就完成了这一迁移。这里简单记录一下移植Markdown Preview Plus到Edge的过程

迁移步骤

  • 首先阅读Publish your extension。这里有详细的步骤如何发布扩展到Edge商店
  • 我有现成的Chrome扩展源码，参考页面上的port your existing Chromium extension连接完成代码适配。代码基本上没有改动。只需要将原扩展做一个zip压缩包即可
  • 接下来在 Partner Center 用微软账号注册，参考文中的”Submit your extension to Microsoft Edge add-ons store”章节提交扩展到Edge商店。每一个步骤在这个章节都有提到，照着操作
  • 在扩展页面的最后一步点击Publish，现在状态变成”In review”。等待审核即可

现在Markdown Preview Plus扩展正在等待审核上架，不知道多久能通过，挺急的，在线等😅

Update:

扩展已经通过审核，Edge商店的下载地址

Categories
javascript

关于Markdown Preview Plus的补充说明

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

使用方法

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

为每个md文件设置样式

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

Categories
javascript

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上指出。

Categories
common

MarkNote 1.0.2

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

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

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

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

猛击App Store下载。

Categories
common

MarkNote for iPad 1.0.1

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

现在限时降价，6块

1.0.1新增的功能:

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

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

图片预览

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

Categories
common

MarkNote – iPad上的Markdown文本编辑器

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

MarkNote的功能

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

真相图

\"TopMarks样式\"

\"夜间样式\"

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

Categories
javascript

使用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链接有不同的图标
Categories
javascript

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下，修改之后的效果能够立刻在共享链接里看到效果，很完美