MarkDown 小技巧

如何添加分割线?

可以在一行中使用三个或更多的 *、- 或 _ 来添加分隔线( < hr> ):

1
2
3
***
------
___

多个字符之间可以有空格(空白符),但不能有其他字符:

1
2
- - - 
* * *

显示效果不太好,参考 MarkDown分割线


如何让文字居中?

一般的只需要添加

1
<center></center>

这个小标题如下

1
### **<center> 如何让文字居中?</center>**


如何使用图片?

在设置中设置

1
2
_config.yml文件中
post_asset_folder: true

然后在相关的文章关联的文件夹中放置图片,命好名称,引用即可

1
2
![](001.png)   普通图片
![](001.gif) 支持动图

如何首行缩进?

方法一

自定义下就行。修改 source/css/_custom/custom.styl 文件,新增:

1
.post-body p { text-indent: 2em; }

但是不太方便,只针对首行

方法二

复制下面这个

  前面这个空格

1.这个一段测试用的话,测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
  2.这个一段测试用的话,测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测

下面这段使用了全角的中文空格


如何使用超链接?

如下,参考MarkDown超链接

1
[MarkDown超链接](http://xianbai.me/learn-md/article/syntax/links.html)


如何使用表格?

  绘制表格格式如下,| 控制分列,- 控制分行,: 控制对齐方式。
格式如下:

1
2
3
4
5
| Item     | Value     | Qty   |
| :------- | --------: | :---: | //这个时对齐方式
| Computer | 1600 USD | 5 |
| Phone | 12 USD | 12 |
| Pipe | 1 USD | 234 |

效果

Item Value Qty
Computer 1600 USD 5
Phone 12 USD 12
Pipe 1 USD 234

如何添加萌娘百科的你知道的太多了的效果?

首先:向\next\source\css\_custom\custom.styl添加

1
2
3
4
5
6
7
8
9
10
11
12
13
.heimu,.heimu a{
background-color: #252525;
color:#252525;
text-shadow: none;
}::selection{
background:#9ab0c0;
color:#fff;
}

.heimu:hover,.heimu:hover a{
transition:color .13s linear;
color:#fff;
}

然后在文章中使用

1
<span class="heimu" title="花Q">一般是因为在集合中存储了对象,不需要时一直不去删除</span>

就可以了
效果
一般是因为在集合中存储了对象,不需要时一直不去删除