You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

GitBook Legacy Editor单行列Markdown表格渲染异常解决方案咨询

解决GitBook单行列Markdown表格部署异常的问题

嘿,我懂你遇到的这个糟心问题——GitBook可视化编辑器里好好的单行表格,部署到服务器后居然被识别成表头,还多出个丑陋的空表格体单元格,确实挺烦人的!

问题根源在于GitBook的Markdown解析规则:它默认把表格的第一行当成表头,再加上你写的分隔线行,就会自动生成一个空的表格体(tbody),这就是那个空单元格的由来。

给你两个靠谱的解决办法,都能实现你想要的单行列效果:

方法1:调整Markdown表格格式,避免被识别为表头

如果你偏好纯Markdown写法,可以改成「空表头+内容行」的结构。这样解析器会把你的目标行当成内容行,不会生成空tbody:

| | | | |
| :--- | :--- | :--- | :--- |
| [Windows](https://xxxx) | [Linux x32](https://xxxx) | [Linux x64](https://xxxx) | [Mac x64](https://xxxxx) |

这个写法的空表头单元格是看不见的,部署后视觉上就是你要的单行链接列表,不会有多余的空单元格。

方法2:直接用HTML表格(最稳妥)

如果不想受Markdown解析规则的限制,直接写HTML表格是最可靠的,完全可控,不会出现解析异常:

<table>
  <tr>
    <td><a href="https://xxxx">Windows</a></td>
    <td><a href="https://xxxx">Linux x32</a></td>
    <td><a href="https://xxxx">Linux x64</a></td>
    <td><a href="https://xxxxx">Mac x64</a></td>
  </tr>
</table>

不管是在GitBook可视化编辑器里,还是部署到服务器后,这个写法都会完美显示成单行的链接表格,再也不会出现奇怪的空单元格。

另外提一句:你之前GitBook自动生成的代码最后多了个多余的竖线,这也可能让解析器“懵圈”,以后写的时候注意列数和竖线数量匹配就好~

内容的提问来源于stack exchange,提问作者Jack Mulin

火山引擎 最新活动