markdown一些技巧（1）

##转自简书 唐衣可俊

写作目的

笔者看完一些MarkDown入门文字后，发现很多文档对一些容易遇到的细微问题缺少解释。本文意欲稍作补充。

目标读者

使用MarkDown仅为了排版出更好看的文章，而不关注技术细节，不懂HTML的用户。

---

1、首行缩进

写文章时，我们常常希望能够首行缩进，这时可以在段首加入 来输入一个空格.加入 来输入两个空格。

示例

文本

  一语未了，只听后院中有人笑声，说：“我来迟了，不曾迎接远客！”

效果

  一语未了，只听后院中有人笑声，说：“我来迟了，不曾迎接远客！”

2、插入代码

插入代码的方式有两种

1. 在每行代码前加入4个空格或者添加一个制表符（TAB键）
2. 在代码两侧添加三个反引号‘“`’。

两种方法都有需要注意的地方，很多入门文档未能提及。

2.1 方式1

其缩进是相对于当前格式状态下的。

示例

文本

• 列表项
• 列表项
  [TAB][TAB]printf(“hello world!”);

效果

• 列表项
• 列表项

    printf("hello world!");

在列表项状态下，需要输入两次TAB键(制表符)才能以代码格式插入。

2.2 方式2

反引号最好在代码的前后行添加，而不是直接加在代码两边。

示例

文本

“`
let 你好 = “swift你好，我叫唐衣可俊”
println(你好)
“`

效果

let 你好 = "swift你好，我叫唐衣可俊"println(你好)

3、添加空行

添加空行可以结束先前的格式状态。个人建议在改变格式时，均添加一个空行。

示例

文本

>引用状态
[空行]
###标题状态
[空行]
——
[空行]
- 列表状态
- 列表状态

效果

引用状态

标题状态

---

• 列表状态
• 列表状态

4、限制图片大小并居中

许多 MarkDown 编辑器中直接按原图大小显示图片，造成版面凌乱。如何让图片像简书中那样大小一致居中显示呢？使用该命令<img src="图片地址" width="图片显示宽度" height="显示高度" alt="图片名称"/>设置图片大小，再用<div align=center></div>命令包裹达到居中效果。

示例

文本

<img src="http://ww2.sinaimg.cn/bmiddle/88070423gw1ep30aw8an7g204d04gkgd.gif" width="400" height="400" alt="亦菲表演机器猫"/>

如果你使用的是 Mou，那么还可以使用如下语法 


 
效果

亦菲表演机器猫

简书中默认就是居中显示，展示的图片大小也是固定的，而且貌似不能使用div标签。。在此仅仅给大家展示下写法，效果就在其他编辑器的预览上看一下好了。

<div align=center><img src="http://ww2.sinaimg.cn/bmiddle/88070423gw1ep30aw8an7g204d04gkgd.gif" width="400" height="400" alt="亦菲表演机器猫"/></div>

4、其他

• 普通段落尽量不用空格或制表符来缩进，即使使用它们后得到的效果看似是对的。

• [数字] + ‘.’ + [空格] 的形式会呼出有序的项目列表。因此如果你在正文中恰好出现这种形式，那么可以在‘.’的前面加上‘\’来避免出现有序列表。

---

2014/6/19

转载请注明出处，谢谢！