Docsify使用之Markdown语法

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

字体加粗:

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

**加粗内容**

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

*倾斜内容*

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

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

改变字体颜色、大小

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

字体设置颜色

红色

绿色

黄色

字体设置字号

2号字

3号字

4号字

5号字

6号字

7号字

表格格式

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

bodycode码

|

这样就能画出表格,如下所示:

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

bodycode码

对齐方式

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

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

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

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

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


也支持自定义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引入即可,我们便能正常使用了

放在根目录下,引入语句如下:

这样我们也能搞出类似于微信支付的api风格文档(看上去是不是和微信支付的api很雷同呢?):

Docsify使用之Markdown语法_第1张图片

 

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

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

你可能感兴趣的:(java,文档资料)