Typecho快速生成表格(table)样式

in typecho with 0 comment

一、前言

Typecho v1.1版本开始支持更丰富的 markdown 语法,包括支持快速生成表格(table)。Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

二、表格样式

编辑表格在markdown里面有两种办法,一个是利用markdown默认支持的语法,即:
---- 和 | 等符号相结合。例如:

序号 | 描述 | 属性
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

得到样式如图:

序号描述属性
foofoofoo
barbarbar
bazbazbaz

这个的排版说实话很不友好,总比没有强,复杂表格就晕了。

三.使用table标签

其实markdown只是把特一些特殊的标签换成了HTML标签了而已,如果不是特殊标签则不被markdown解释器所转换,基于整个原理,咱们可以直接使用HTML标签中的table标签即可。

上面的表格代码就可以使用:

<table>
<thead>
<tr>
<th>Tables</th>
<th style="text-align:center">Are</th>
<th style="text-align:right">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td>col 3 is</td>
<td style="text-align:center">right-aligned</td>
<td style="text-align:right">$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td style="text-align:center">centered</td>
<td style="text-align:right">$12</td>
</tr>
<tr>
<td>zebra stripes</td>
<td style="text-align:center">are neat</td>
<td style="text-align:right">$1</td>
</tr>
</tbody>
</table>

四.使用Tables Generator快速生成表格

Tables Generator 可以在线生成 LaTeX、HTML、Markdown 格式的表格代码,支持在表格中填充数据,修改字体/背景颜色,对齐方式等等。
https://www.tablesgenerator.com/

Responses