二、分割线
使用三个或以上的 - 或者 * 表示,且这一行只有符号,注意不要被识别为二级标题即可,例如中间或者前面可以加空格。
三、斜体和粗体
使用 * 和 ** 分别表示斜体和粗体,删除线使用两个 ~ 表示
斜体
粗体
又斜又粗
删除的文字
四、超链接和图片
链接和图片的写法类似,图片仅在超链接前多了一个 ! ,一般是 [文字描述] (链接)
五、无序列表
使用 -、+ 和 * 表示无序列表,前后留一行空白,可嵌套,例如
- 一层
- 二层1
- 二层2
- 三层
- 四层
六、有序列表
使用 1. (点号后面有个空格)表示有序列表,可嵌套。
- 一级
二级1
-
二级2
- 三级1
七、引用
使用 > 表示,可以有多个 >,表示层级更深,例如
第一层
第二层
这样是跳不出的这样更深了
这样就跳出去了 嘿嘿嘿
八、行内代码块
其实上面已经用过很多次了,即使用 ` 表示,例如
扩展:很多字符是需要转义,使用反斜杠 \ 进行转义
单行代码
九、代码块
使用四个空格缩进表示代码块,一些 IDE 支持行数提示和着色,一般使用三个 ` 表示,例如
public class HelloWorld {
piblic void main(String[] args){
System.out.print("hello world");
}
}
但这样没有代码高亮,所以推荐使用下面这种方式实现代码高亮及行数提示
public class HelloWorld {
piblic void main(String[] args){
System.out.print("hello world");
}
}
function fun(){
echo "这是一句非常牛逼的代码";
}
fun();
getDetail() {
this.loadingText = '加载中...'
const loading = this.openFullScreen()
this.detailQueryParams.uploadId = this.form.uploadId
getUploadByPages(this.detailQueryParams).then(response => {
this.form = response.data;
this.detailTotal = this.form.tableDataInfo.total
loading.close()
this.loadingText = '上传中...'
});
},
<style lang="scss">
.upload-btn {
display: flex;
margin-bottom: 20px;
align-items: flex-start;
}
</style>
十、表格
直接看例子吧,第二行的 ---: 表示了对齐方式,默认左对齐,还有 <style lang="scss">
.upload-btn {
display: flex;
margin-bottom: 20px;
align-items: flex-start;
}
</style>
姓名 | 技能 | 排行 |
---|---|---|
刘备 | 哭 | 大哥 |
关羽 | 打 | 二哥 |
张飞 | 骂 | 三弟 |
十一、流程图
主要的语法为 name=>type: describe,其中 type 主要有以下几种:
1.开始和结束:start end
2.输入输出:inputoutput
3.操作:operation
4.条件:condition
5.子程序:subroutine