Markdown 是支持表格的,但是对于表格的支持,只限于简单的表格,复杂的内容并不多。
| 目录 | 内容 |
|------+------|
| xxx | xxxx |
| sxe | afda |
目录 | 内容 |
---|---|
xxx | xxxx |
sxe | afda |
Markdown 想要支持复杂一些的表格的话,可以支持使用 JavaScript 中的 table 语法,如果是使用的 markdown-it 进行渲染,也可以采用第二种方法编写。
<table>
<tr>
<th>目录1</th>
<th>目录2</th>
<th>目录3</th>
</tr>
<tr>
<td rowspan="2">内容1</td>
<td>xxx</td>
<td>ssss</td>
<tr>
<td>sfas</td>
<td>atadfs</td>
</tr>
</tr>
<tr>
<td>测试</td>
<td colspan="2" style="text-align:right;">水平合并</td>
</tr>
<tr>
<td rowspan="2">xxx</td>
<td>afda</td>
<td>afadf</td>
<tr>
<td colspan="3" style="text-align: center;">afadfa</td>
</tr>
</tr>
</table>
目录1 | 目录2 | 目录3 |
---|---|---|
内容1 | xxx | ssss |
sfas | atadfs | |
测试 | 水平合并然后右对齐 | |
xxx | afda | afadf |
水平合并然后居中 |
将 hexo 的渲染引擎从 marked 修改到 markdown-it 的方法见 Hexo 中使用 emoji 和 tasks。
这里需要增加安装多维表格插件:
npm i -S markdown-it-multimd-table
然后将对应的配置放到 _config.yml 文件中。
plugins:
...
- markdown-it-multimd-table
Stage | Direct Products | ATP Yields
----: | --------------: | ---------:
Glycolysis | 2 ATP ||
^^ | 2 NADH | 3--5 ATP |
Pyruvaye oxidation | 2 NADH | 5 ATP |
Citric acid cycle | 2 ATP ||
^^ | 6 NADH | 15 ATP |
^^ | 2 FADH2 | 3 ATP |
**30--32** ATP |||
[Net ATP yields per hexose]
Stage | Direct Products | ATP Yields |
---|---|---|
Glycolysis | 2 ATP | |
^^ | 2 NADH | 3–5 ATP |
Pyruvaye oxidation | 2 NADH | 5 ATP |
Citric acid cycle | 2 ATP | |
^^ | 6 NADH | 15 ATP |
^^ | 2 FADH2 | 3 ATP |
30–32 ATP |
测试了一下,目前不支持 无表头表格 和 多行合并 ,只支持多列合并。