Docsify使用之Markdown语法

Docsify使用过程中的排版，他是基于Markdown语法的。我们来看一下使用的常用语法：

字体加粗：

在需要加粗的文字前后各加两个** 具体格式如下

**加粗内容**

在需要加粗的文字前后各加一个* 具体格式如下

*倾斜内容*

在需要加粗并且倾斜的文字前后各加三个*** 具体格式如下

***加粗倾斜内容***

改变字体颜色、大小

因为Markdown本身不支持颜色，所以变通一种方案解决，他支持html标签，所以这里使用html的font标签来改变字体大小以及颜色

字体设置颜色

红色

绿色

黄色

字体设置字号

2号字

3号字

4号字

5号字

6号字

7号字

表格格式

|字段|类型|长度|是否必填|含义|
|---|---|---|---|---|
|resultCode|long|20|Y|<p><span class="label-tips label-blue"> body</span>code码</p>|

这样就能画出表格，如下所示：

字段	类型	长度	是否必填	含义
resultCode	long	20	Y	bodycode码

对齐方式

具体公式如下： ### 二、对齐方式

-: 设置内容和标题栏居右对齐。

:- 设置内容和标题栏居左对齐。

:-: 设置内容和标题栏居中对齐。

单元格内也可实现换行，通过

<br>

也支持自定义CSS

我们自己定义了一个类似于微信支付文档的标题的css，引入

.label-green,.label-red,.label-yellow,.label-gray,.label-blue{display:inline-block;font-size:12px;padding:0 5px;width:44px;height:18px; text-align:center;line-height:16px;border:1px solid #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .label-green{color:#00c250;border-color:#99e7b9;}

这样放在一个common.css中，在index.html引入即可，我们便能正常使用了

放在根目录下，引入语句如下： <link rel="stylesheet" href="../common.css"/>

这样我们也能搞出类似于微信支付的api风格文档（看上去是不是和微信支付的api很雷同呢？）：

 

markdown语法还有很多很多,比如支持流程图、数学公式、代码块、有序和无序列表！我们今天先不学些这么多，学习一些简单的、常用的操作。有助于我们学习。

欢迎大家关注我的 公  众  号 《coder练习生》