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练习生》