MarkDown使用技巧整理


作者:花生
链接:https://www.zhihu.com/question/20409634/answer/15779646

markdown是为哪些使用者设计的
首先要确定你是否真的需要markdown,使用某种工具是为了提高效率或者某种体验的,如果这种工具并不能显著帮你改善体验,那就让它见鬼去吧,哪怕这个工具学起来很简单。
markdown是为那些需要经常码字或者进行文字排版的、对码字手速和排版顺畅度有要求的人群设计的,他们希望用键盘把文字内容啪啪啪地打出来后就已经排版好了,最好从头到尾都不要使用鼠标。这些人包括经常需要写文档的码农、博客写手、网站小编、出版业人士等等。
通常情况下,网络上需要进行大量文字输入的地方都可以通过所见即所得的方式排版(比如知乎的答案编辑模式),本地写作的话则可以使用word这类常用的文本编辑软件,当然你也可以蛋疼地手工使用html标签实现排版效果——而markdown只是使这一切更方便了一点而已,所以如果你觉得现有文本编辑方式完全够用了,就别费神折腾了(除非你在使用像github这样markdown作为主流编辑方式的网站)。

markdown语法
ok,如果你决定使用markdown了,那就先快速学习一下它的语法吧。markdown语法很少很简单,可以参照下面两个链接中的简明版,然后在这个在线的markdown-html在线转换上( Daring Fireball: Markdown Web Dingus)操练操练,不用一个小时就可以掌握。

markdown使用环境

你已经学会使用markdown了,以后就可以开始用markdown写作了。理论上任意一款文本编辑器都可以写markdown(写完之后再转换成你需要的格式就可以),但有些专门为markdown设计的编辑器,拥有写作过程中所见即所得的功能(如图,左边是纯markdown写作,右边是它的呈现效果),并且可以方便地将markdown转化为html。
<img src="https://i-blog.csdnimg.cn/blog_migrate/e2df097f2efda199895da41fcd0fac8a.png" data-rawwidth="969" data-rawheight="294" class="origin_image zh-lightbox-thumb" width="969" data-original="https://pic3.zhimg.com/59f18443984a20077a2637d3c5e40eba_r.jpg">

好了,markdown实在没有其他什么东西了,已经可以拿它来写作你想要写的东西了。


技巧

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,那么还可以使用如下语法 ![名称](链接地址 =宽x高)

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


效果

亦菲表演机器猫
亦菲表演机器猫

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

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

4、其他

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

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值