Markdown中表格行内的代码块

Question

我在Github风味的Markdown中整理了一些文档,我想把一个有两行的表放在一起.一个只有文本,一个带有json代码块.这是一个例子.

| Status | Response  |
|---|---|
| 200 |  |
| 400 |   |

我想在响应行中获取此代码,但是当我尝试完全中断时.

json
  {
    "id": 10,
    "username": "alanpartridge",
    "email": "alan@alan.com",
    "password_hash": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.CPCWCZsyqqa8./whhfzBZydX7yvahHS",
    "password_salt": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.",
    "created_at": "2015-02-14T20:45:26.433Z",
    "updated_at": "2015-02-14T20:45:26.540Z"
}

我是Markdown的新手,如果有人能指出我正确的方向,我将非常感激.

Answer 1

正如其他人指出的那样，您必须使用 HTML<table>标签来创建表格。但是，可以仅使用 Markdown 来格式化表格单元格的内容

如果您在 HTML 标签周围留下额外的空行，则HTML 块中的 Markdown 语法有效：一个在 the 之后<td>，一个在 the 之前，</td>否则内部的 Markdown 将不会被解析！这将创建一个新<p>段落，其中在表格单元格内重新启用 Markdown 解析。

<table>
<tr>
<td> Status </td> <td> Response </td>
</tr>
<tr>
<td> 200 </td>
<td>

^ Extra blank line above!
```json
json
{
    "id": 10,
    "username": "alanpartridge",
    "email": "alan@alan.com",
    "password_hash": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.CPCWCZsyqqa8./whhfzBZydX7yvahHS",
    "password_salt": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.",
    "created_at": "2015-02-14T20:45:26.433Z",
    "updated_at": "2015-02-14T20:45:26.540Z"
}
```
V Extra blank line below!

</td>
</tr>
<tr>
<td> 400 </td>
<td>

**Markdown** _here_. (Blank lines needed before and after!)

</td>
</tr>
</table>

（如果你想修复“400”和“Markdown here”之间错误的垂直对齐，也可以在“400”周围添加空行，这也会将其包裹在 a<p>中。）

Answer 2

github markdown doc声明您可以在表格单元格中包含内联/跨度降价标记.除了少数试图建立对表格布局的更多控制之外,对于大多数降价标记都是如此.

您可以使用内联代码元素,但不会使用语法着色或行缩进格式化.

| Status | Response  |
| ------ | --------- |
| 200    | `json`                          |
|        | `   {`                          |
|        | ` "id": 10,`                    |
|        | ` "username": "alanpartridge",` |
|        | ` more code...`                 |
|        | `}`                             |
| 400    |                                 |

或者,使用html以老式方式创建表格,这样可以rowspan更好地进行布局控制.

Answer 3

Github风格的Markdown支持HTML标签

简单地说（StackOverflow将不支持）-

<table>
<tr>
<th>
Status
</th>
<th>
Response
</th>
</tr>

<tr>

<td>
<pre>
<br/><br/><br/>200<br/><br/><br/><br/><br/>400<br/>
</pre>
</td>

<td>
<pre>
json
  {
    "id": 10,
    "username": "alanpartridge",
    "email": "alan@alan.com",
    "password_hash": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.CPCWCZsyqqa8./whhfzBZydX7yvahHS",
    "password_salt": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.",
    "created_at": "2015-02-14T20:45:26.433Z",
    "updated_at": "2015-02-14T20:45:26.540Z"
}
</pre>
</td>

</tr>
</table>

输出：

您也可以尝试这样的基于文本的表格（适用于StackOverflow）-

+---------------+--------+---------+
|       \       | Rating | Comment |
+---------------+--------+---------+
| One Piece     |  A | B |       ? |
+---------------+----+---+---------+
| Naruto        |  A | C |       ? |
+---------------+----+---+---------+
| One Punch Man |  A | A |       ? |
+---------------+----+---+---------+
| Death Note    |  A | B |       ? |
+---------------+----+---+---------+

文本表生成器是用于此目的的绝佳站点。

Answer 4

这个可能更好：

| Status | Response  |
| ------ | --------- |
| 200    |<pre lang="json">{<br>  "id": 10,<br>  "username": "alanpartridge",<br>  "email": "alan@alan.com",<br>  "password_hash": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.CPCWCZsyqqa8./whhfzBZydX7yvahHS",<br>  "password_salt": "$2a$10$uhUIUmVWVnrBWx9rrDWhS.",<br>  "created_at": "2015-02-14T20:45:26.433Z",<br>  "updated_at": "2015-02-14T20:45:26.540Z"<br>}</pre>|
| 400    |<code>{<br>  "code": 400,<br>  "msg": balabala"<br>}</code>|

两者都需要的<br>，就看你喜欢了<pre>还是<code>。