MarkDown使用小技巧

0.33字数 432阅读 59453

写作目的

笔者看完一些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,那么还可以使用如下语法 <u>*!\[名称\](链接地址 =宽x高)*</u>

> !\[亦菲表演机器猫\](http://ww2.sinaimg.cn/bmiddle/88070423gw1ep30aw8an7g204d04gkgd.gif =400x400)


&ensp;
**效果**

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



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

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

### 4、其他

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

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

---
2014/6/19

转载请注明出处,谢谢!

推荐阅读更多精彩内容

  • 想在简书上把自己所学的知识总结一下 以为是件很容易的事情 没想到等自己写的时候 才发现是问题重重 代码完全不听我的...
  • Markdown使用小技巧# 1. 什么是Markdown Markdown是一种可以使用普通文本编辑器编写的标记...
  • 前言:本文中所有Markdown语法在有道云笔记的Markdown中全部示范成功,其中的一些语法是简书中实现不了的...
  • 1. 斜体和粗体 代码: 显示效果: 这是一段斜体 这是一段粗体 这是一段加粗斜体 这是一段删除线 2. 分级标题...
  • (Markdown语法没有一个统一的标准,不同的工具或平台采用的标准不一样,所以有些语法规则和功能是有差异的) 0...