走进MARKDOWN的世界

带你走进MARKDOWN的世界

一、什么是Markdown?

• Markdown是一种轻量级的【标记语言】。所谓标记语言，（度娘告诉我）就是一种将文本以及文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。 所以简单的说Markdown是一种语言，我们可以使用Markdwown语言和其编辑器来进行写作和排版。

• 关于Markdown创始人

Jonh Grub Jonh Grub，科技博客作家，UI设计师，狂热果粉。网上介绍不多，中文介绍更少。

参见维基百科和文章John Grub：独立博客标杆

二、为什么使用Markdown？

Markdown is intended to be as easy-to-read and easy-to-write as is feasible. Markdown 的目标是实现「易读易写」

We believe that writing is about content, about what you want to say – not about fancy formatting. 我们坚信写作写的是内容，所思所想，而不是花样格式。 — Ulysses for Mac

• 专注于你的文字内容而不是排版样式安心写作

  使用Markdown让你从Word/Pages繁杂的排版样式中解脱出来。同时让你的双手专注于键盘----文书的写作从图文内容到排版样式均由标记语法（键盘搞定）。

• 分分钟导出HTML和PDF文件

  Word文档会因office版本不同发生格式变化，这种经历大家都有。而PDF和HTML可以实现完美的自适应。

• 纯文本内容，兼容所有的文本编辑器

  其实不需要什么Markdown编辑器，掌握语法在txt这样的文本编辑器中也能书写。

• 编辑器秒开，随时修改文章版本

  同事结合Git,文档版本更新方便快捷。

• 语法简单可读，学习成本低

  相比HTML语法简单，通常15分钟就能掌握基础语法，而且语言可读性极高，毫无代码恐惧感。

三、我们使用什么Markdown编辑器？

• Windows

个人主要用过两款Markdownpad和小书匠

• Mac 个人推荐Mou这款免费！好用！轻巧！的编辑器。

  

  当然如果你是土豪你可以在APP STORE里搜索诸如Ulysses for Mac，iA writer和Byword等这样提升bigger的软件。

• iA writer

• Ulysses

• Byword

• Linux

个人最爱haroopad

• 移动端 参考Mac端

• WEB

  • 简书
  • 小书匠
  • Marxico 中文名马克飞象，（Chrome 插件）
  • Cmd Markdown

更多请见这篇博客：好用的Markdown编辑器一览

四、Markdown语法与HTML的比较

Markdown’s syntax is intended for one purpose: to be used as a format for writing for the web. Markdown 语法的目标是：成为一种适用于网络的书写语言。 现在我们来快速熟悉一下Markdown语法，同时加上和H5的比较

标题

想要定义标题只需在文字前加上若干个#

  #一级标题
  ##二级标题
  ###三级标题

当然这样也是可以的

  一级标题
  ========
  二级标题
  ----------

如果是H5

  <h1>This is heading 1</h1>
  <h2>This is heading 2</h2>
  <h3>This is heading 3</h3>
  <h4>This is heading 4</h4>
  <h5>This is heading 5</h5>
  <h6>This is heading 6</h6>

段落、换行和分割线

段落的划分在markdown中直接使用使用一个以上的空行

     不过个人感觉html中的<br>也是不错的选择

华丽的分割线

   ***
   ****
   -----
   ---------

列表

无序列表使用* 或者+或者-标记

  + 生活
  + 音乐
  + 体育
  + 读书

有序列表则使用数字和英文句号

  1. 生活
  2. 音乐
  3. 体育
  4. 读书

相应的H5

有序

<OL TYPE="1">
<LI>生活
<LI>音乐
<LI>读书
</OL> 

无序

<UL TYPE="CIRCLE">
<LI>生活
<LI>音乐
<LI>读书
</UL> 

引用

引用很简单，而且可以嵌套使用

  > 参考维基百科
  >>参考百度百科 

参考维基百科

参考百度百科

图片和超链接

插入超链接和图片的语法类似

  [这是超链接](http://) 

不过许多md编辑器都支持直接拖拉

表格

表格对于刚开始接触md的人来说确实有点反人类

| 姓名    |性别    |
|--------|--------|
|  xxx   |  x     |

不过比起h5是要好多了

<TABLE BORDER=1>
  <TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
  <TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>

<TABLE BORDER=1> <TR><TD>1</TD><TD>2</TD><TD>3</TD></TR> <TR><TD>4</TD><TD>5</TD><TD>6</TD></TR> </TABLE>

强调

无非就是斜体，粗体之类的

  *斜体*
  **粗体**

HTML：

<b>粗体</b>         
<i>斜体</i>

代码块

这是我最喜欢的部分，各种语言的高亮效果。

  int x,y;
  if(x>y)
  printf("x,\n");
  else
  printf("y,\n");

  #!/usr/bin/python
  # -*- coding: UTF-8 -*-
  flag = False
  name = 'luren'
  if name == 'python':         # 判断变量否为'python'
  flag = True          # 条件成立时设置标志为真
  print 'welcome boss'    # 并输出欢迎信息
  else:
  print name              # 条件不成立时输出变量名称