markdown
简介
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
Markdown 语言在 2004 由约翰·格鲁伯(John Gruber)创建。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown。
语法
分类 | 指令 | 示例 |
---|---|---|
转义字符 | \内容 | |
标题 | 一级目录 | # 文本 |
二级目录 | ## 文本 | |
添加目录 | [toc] | |
字体 | 斜体 | *文本* ,或者_文本_ |
粗体 | **文本** ,或者__文本__ | |
添加背景色 | ==文本== | |
调节字体大小 | <font size=4>文本</font> ,其中<font></font> 为标签 | |
调节字体颜色 | <font color="green">文本</font> | |
上标 | ^文本^ | |
下标 | ~文本~ | |
对齐 | 左对齐 | <p align="left">文本</p> , align为属性 |
右对齐 | <p align="right">文本</p> | |
中间对齐 | <p align="center">文本</p> | |
列表 | 无序列表 | + 文本 ,* 文本 ,或- 文本 .注意中间有空格 |
有序列表 | 数字. 文本 | |
嵌套列表 | ||
线条 | 分割线 | 使用三个及以上的 +, *, 或 - 来表示一条分割线 |
删除线 | ~~文本~~ | |
下划线 | <u>文本</u> | |
代码 | 一行代码 | `代码` |
代码段 | 使用三个 ` 加Enter/空格+编程语言来表示 | |
代码格式 | <pre name="code" class="java"> 代码块</pre> | |
区块 | 区块 | > 文本 , 空行则退出区块 |
嵌套区块 | > >文本 ,空行则退出区块 | |
插入符号 | 插入空行 | |
插入一个空格 |   | |
插入两个空格 |   | |
插入 < 符号 | < | |
插入 > 符号 | > | |
段落换行 | <br> | |
插入emoji表情 | :emoji: , 如:smile: , :crab: , :horse: | |
表格 | 表格居中 | :–: |
表格偏左 | :– | |
表格偏右 | –: | |
指定表格列宽 | <div style="width: 200pt"> | |
表格内嵌列表 | <li>文本 | |
链接 | 链接文字 | [链接标题](url) |
链接地址 | <url> | |
打开本地文件 | [链接标题](链接地址) ,链接地址需要使用本地文件的地址,相对地址、绝对地址均可 | |
页内跳转 |
| |
图片 | 插入本地图片 |  ,[]中放上图片的替代文字,也就是当图片还未加载成功时显示的替换文本 |
插入网络图片 |  | |
控制图片大小和位置 | <img src="图片地址" width=300 height=200 align=center/> | |
画图 | 流程图 | mermaid, graph |
序列图 | mermaid, sequenceDiagram |
指定表格列宽
- 指定某列列宽
可以使用<div style="width:[长度]">单元格文本</div>
的形式,长度单位可以是pt, px, cm等。
在typora中可能不起作用,可以用如下形式:
<span style="display:inline_block;width: 80px">单元格文本</span>
该方法可通用于VS Code Markdown Preview Enhanced. - 从外部定义一个[style]来指定各列的列宽
<style>
table th:first-of-type {
width: 4cm;
}
table th:nth-of-type(2) {
width: 150pt;
}
table th:nth-of-type(3) {
width: 8em;
}
</style>
| a | b | c |
|---|---|---|
| 列宽 = 3 cm| 列宽 = 5 cm| 列宽 = 8em |
当然你可以把单位改成 % 这样就相当于按照所占行宽的比例来分配列宽
<style>
table th:first-of-type {
width: 20%;
}
table th:nth-of-type(2) {
width: 30%;
}
table th:nth-of-type(3) {
width: 50%;
}
</style>
| a | b | c |
|---|---|---|
| 列宽 = 10% 行宽| 列宽 = 30% 行宽 |列宽 = 60% 行宽 |
需要指出的是,这种方法是全局起效的。