首页 > 技术文章 > 【Mac软件推荐】Mou:Mac下口碑很好的Markdown工具

lingzhiguiji 2014-11-04 02:37 原文

<!doctype html>

<title>学习使用Mou</title>

学习使用Mou

Mou icon

1. Markdown简介

2. Mou简介

3. Mou学习

1. Markdown简介

原文链接

http://github.com/younghz/Markdown "Markdown"

为方便各位看官,现将引用内容摘录如下:

1.1 markdown是什么?

markdown是一种轻量级标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTML格式发布。

markdown也可以理解为将以markdown语言编写的语言转换成HTML内容的工具,最初是一个perl脚本Markdown.pl。

1.2 谁发明这个牛X东西?

它由Aaron SwartzJohn Gruber共同设计,Aaron Swartz(1986.11.8-2013.1.11)就是那位迫于压力去年(2013年.1月11日)自杀,有着开挂一般人生的程序员。如果他这样的经历不足以让你跪拜:

  • 14岁参与创造RSS1.0规格标准的制定;

  • 2006年创办“ok ever published”;

  • 曾就读于斯坦福

  • 创建InfogamiReddit软件公司;

  • 2006年用wiki技术创办了网上免费图书馆Open Library
  • 2010年创立了反对互联网审查的Demand Progress
  • 2011年7月19日,因被控从MIT和JSTOR下载480万篇学术论文并以免费形式上传于网络被捕。2013年1月自杀身亡

那么他英俊的外表足以XX你的双眼: Aaron Swartz

或许天才都有英年早逝的归途。

1.3 为什么要使用它?
  • 它是易读(看起来舒服)、易写(语法简单)、易更改纯文本。处处体现着极简主义的影子。
  • 兼容HTML。
  • 可以转换为HTML格式发布。
  • 跨平台使用。
  • 越来越多的网站支持Markdown。
  • 更方便清晰的组织你的电子邮件。
  • 摆脱Word(当然使用它你不用装盗版的office,不用担心由于版本的不同而无法打开文件,不用在乎对方的平台到底是什么。但是呵呵,有时你必须用,你懂的)。明白这一点你只需清楚Markdown最初设计的目的即可。
1.4 怎么使用?

如果不算扩展,Markdown的语言绝对简单到让你爱不释手,你终于可以在你的简历中写上:精通Markdown, 而不怕被人问出破绽而遭鄙视。
废话太多,下面正文,Markdown语法主要分为如下几大部分:

  • 标题
  • 段落
  • 区块引用
  • 代码区块
  • 强调
  • 列表
  • 分割线
  • 链接
  • 图片
  • 反斜杠\
  • 符号''
1.4.1 标题

两种形式:
1)使用=-标记一级和二级标题。

一级标题

二级标题

效果:

一级标题

二级标题

2)使用#,可表示1-6级标题。

#一级标题  
##二级标题  
###三级标题  
####四级标题  
#####五级标题  
######六级标题  

效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
1.4.2 段落

段落的前后要有空行,所谓的空行是指没有文字内容。若想在段内强制换行的方式是使用两个以上的空格加上回车(引用中换行省略回车)。

1.4.3 区块引用

在段落的每行或者只在第一行使用符号>,还可以使用多个嵌套引用,如:

>区块引用
>>嵌套引用

效果:

区块引用

嵌套引用

1.4.4 代码区块

代码区块的建立是在每行加上4个空格或者一个制表符(如同写代码一样)。如普通段落:
void main()
{
printf("Hello,Markdown.");
}
代码区块:

void main()  
{  
    printf("Helllo,Markdown.");
}  

注意:需要和普通段落之间存在空行。

1.4.5 强调

在强调内容两侧分别加上*_,如:

*斜体*,_斜体_  
**粗体**,__粗体__  

效果:
斜体斜体
粗体粗体

1.4.6 列表

使用*+、或-标记无序列表,如:

- 第一项 
+ 第二项   
* 第三项  

注意:标记后面最少有一个空格或制表符。若不再引用区块中,必须和前方段落之间存在空行。
效果:

  • 第一项
  • 第二项
  • 第三项

有序列表的标记方式是将上述的符号换成数字,并辅以.。如:

1 . 第一项  
2 . 第二项  
3 . 第三项  

效果:
1. 第一项
2. 第二项
3. 第三项

1.4.7 分割线

分割线最常用的就是三个或以上*-_

***


效果:




1.4.8 链接

基本链接:

邮箱<example@example.com>,链接<http://www.baidu.com>   

效果:

邮箱example@example.com,链接http://www.baidu.com

链接可以由两种形式生成:行内式参考式

行内式

[younghz的Markdown库](https:://github.com/younghz/Markdown "Markdown")。  

效果:
younghz的Markdown库

参考式

[younghz的Markdown库][1]
[younghz的Markdown库][2]
[1]:https:://github.com/younghz/Markdown "Markdown"
[2]:https:://github.com/younghz/Markdown "Markdown"  

效果:
younghz的Markdown库

younghz的Markdown库

1.4.9 图片

添加图片的形式和链接相似,只需在链接的基础上,在前面加上一个
如:

![Mou icon](http://mouapp.com/Mou_128.png)  

效果:

Mou icon

1.4.10 反斜杠\

相当于反转义作用。使符号成为普通符号。

如:

\#\#\#我不是三级标题  

效果:

###我不是三级标题

1.4.11 符号``

起到标记作用。如:

`大爱Mou`  

效果:
大爱Mou

1.5 都谁在用?没人用的东西我可不用

Markdown的用户:

  • Github
  • 简书
  • StackOverFlow
  • Apollo
  • Moodle
  • Reddit等等
1.6 感觉有意思?趁热打铁,推荐几个工具

笔者在这里使用的stackedit,在chrome中安装插件还可以离线使用,很爽。也不用担心平台首先。

Windows下的MarkdownPad也用过,不过,呵呵。

Mac下的Mou是国人贡献的,口碑很好,可是我没有MacBook。

Linux下的ReText不错。

在线的dillinger.io算是评价最好的了,可是不能离线使用。

注意:不同的Markdown解释器或工具对相应语法的解释效果不仅相同,具体可参见工具的使用说明。但是已经有人(包括Github和Reddit工作人员等)开始组织将Markdown进行标准化了,可以参见standardmarkdown.com

2. Mou简介

原文链接1

http://www.yuewei.net/1174.html

原文链接2

http://www.waerfa.com/mow-the-perfect-markdown-editor

为方便各位看官,现将引用内容摘录如下:

随着GitHub 和Dropbox 的流行,Markdown 也逐渐在小众群体中火了起来。很早之前就看过一些关于Markdown的介绍和文档,但一直没去尝试使用Markdown,也没理解Markdown 为什么能够流行。前段时间接触「简书」,才逐渐理解了Markdown 的魅力。

曾以为Markdown 是HTML 的简化版,其实二者根本就不属于一个范畴

HTML,称为超文本标记语言(英文:HyperText Markup Language,HTML)是为「网页创建和其它可在网页浏览器中看到的信息」设计的一种标记语言,而Markdown 的目标紧紧是实现「易读易写」。

Markdown的灵感来源于纯文本的电子邮件格式,其语法简单易记。寥寥几个符号,一目了然,即使在纯文本下也很易读,并且天然具有良好的迁移特性,任何文本编辑器都可以编辑和阅读。简明易懂,通用通配,却又拥有无限的应用可能,好的工具 or 技术 就是要这样。

这样的工具,让你专注于文字而不是排版。

Mou是Mac平台下一款设计简洁但功能丰富的Markdown编辑工具,左右两栏设计时尚的配色,与Markdown的语法特点相得益彰。并且支持实时显示句法高亮实时预览全屏显示自动保存强大的actions自动匹配累加搜索自定义主题HTML输出CJK字符支持等诸多功能。

Actions:

Mou具有强大的actions,copy html ,strong,inline code,convert等常用动作一应俱全。

actions

Enhanced CJK Support

支持中文简/繁体,日文,韩文字符直接编辑

CJKSupport

View Control:

显示控制自带字符横向/竖向显示切换功能

viewCtrl

Custom Themes:

自定义窗口样式,让coding不再沉闷

CSSStyle

补全/联想结果搜索:

搜索:

search

补全:

spelling

HTML输出:

HTML

字符计数:

counting

3. Mou学习

下载Mou后的默认文档就是一个很好的事例教程,也可以cmd+r,打开语法教程。

Markdown的语法已在Markdown简介怎么使用中介绍过,不在赘述。下面看Mou的扩展语法。

3.1 Mou扩展语法

3.1.1 脚注

如:

这一句话里有脚注。[^1]  
[^1]:脚注语法学自Mou的教学文档。  

效果:

这一句话里有脚注。1

3.1.2 删除线

以'~~'开头结尾, 如:

~~这句话被删除了。~~  

效果:

这句话被删除了。

3.1.3 围栏代码块

起始行以3个以上的'`'开始,尾行以同样数目的反引号结尾,如:

```  
围栏代码块内容。  
```  

效果:

围栏代码块内容。  

3.1.4 表格

简介绘制表格:

标题1
标题2让它长点 标题3
单元格 单元格 单元格
单元格 单元格 单元格

效果:

标题1 标题2让它长点 标题3
单元格 单元格 单元格
单元格 单元格 单元格

当然,你可以把头尾省下的|加上,如:

|标题1 | 标题2让它长点 | 标题3|  
|---- | ----- | ---- | 
|单元格 | 单元格 |单元格 | 
|单元格 | 单元格| 单元格  |  

效果:

标题1 标题2让它长点 标题3
单元格 单元格 单元格
单元格 单元格 单元格

更牛X的是,你能控制每列单元格的对齐方式:

标题1又臭又长
标题2让它长点 标题3又臭又长
左对齐 居中 右对齐
单元格 单元格 单元格

效果:

标题1又臭又长 标题2让它长点 标题3又臭又长
左对齐 居中 右对齐
单元格 单元格 单元格

3.1.5 锚点

用于文本内跳转,本文一开始的导航就用的锚点语法。

起始点这么写:

//锚点的名字是中英文都可以的,这里叫做“锚点”
[起始点](#锚点)  

效果:

起始点

目标点这么写:

//目标点这里写的“锚点”,要和起始点的“锚点”一致,这样起始点就可以跳到目标点
[目标点](id:锚点)  

效果:

目标点

3.2 Mou提供了很多快捷键,下面介绍一下Mou提供的各种快捷键

3.2.1 视图(View)

  • 开关动态预览:Shift + Cmd + I
  • 开关字数统计:Shift + Cmd + W
  • 开关半透明:Shift + Cmd + T
  • 是否一直置前:Shift + Cmd + F
  • 编辑与预览平分视图:Cmd + 0
  • 编辑与预览比例3:1:Cmd + +
  • 编辑与预览比例1:3:Cmd + -
  • 切换横向/纵向书写:Cmd + L
  • 是否全屏:Control + Cmd + F

3.2.2 动作(Actions)

  • 复制HTML:Option + Cmd + C
  • 字体加粗:Cmd + B
  • 斜体:Cmd + I
  • 文本加背景颜色:Cmd + K
  • 文本加删除线:Cmd + U
  • 加文本链接:Control + Shift + L
  • 加图片链接:Control + Shift + I
  • 选中单词:Control + Option + W
  • 选中行:Shift + Cmd + L
  • 全选:Cmd + A
  • 取消全选:Cmd + D
  • 英文文本全大写:Control + U
  • 英文文本全小写:Control + Shift + U
  • 排序:选中要排序的行,Control + L
  • 区块引用:选中要区块引用的行,Control + Q
  • 一级标题~六级标题:Cmd+1~Cmd+6
  • 空格变tab:Control + [
  • tab变空格:Control + ]
  • 引入当前日期:Control + Shift + 1
  • 引入当前时间:Control + Shift + 2
  • 引入实体 < :Control + Shift + ,
  • 引入实体 > :Control + Shift + .
  • 引入实体 & :Control + Shift + 7
  • 引入实体 空格:Control + Shift + space
  • 引入Scriptogr.am Header:Control + Shift + G
  • 行左移:Cmd + [
  • 行右移:Cmd + ]
  • 开启新行:Cmd + Return
  • comment:Cmd + /
  • Hard Linebreak:Control + Return

3.2.3 编辑(Edit)

  • 自动单词补全:Esc
  • 查找:Cmd + F
  • 关闭查找栏:Esc

3.2.4 Post

  • Post on Scriptogr.am: Control + Shift + S
  • Post on Tumblr: Control + Shift + T

3.2.5 导出(Export)

  • 导出为HTML:Option + Cmd + E
  • 导出为PDF:Option + Cmd + P

3.2.6 可以在偏好中设置更多内容

4. 结束语

Mou还是很容易上手的,UI很棒,对功能的丰富和形式的极简做出了合理的取舍,如果感兴趣,赶快给你的Mac装一个吧。

到此,把Mou的相关内容梳理了一下,希望对诸君有益。

感谢程序员罗晨开发出这么棒的软件。

感谢网上诸位大神写的博客,文中引用的内容皆给出了原文链接。

学无止境,与君共勉。


  1. 脚注语法学自Mou的教学文档。

推荐阅读