Question

我对Jekyll很陌生，如果它是一个基本问题，我道歉

在我的page's preview中，表格完美呈现。

但是，在resulting page中，它没有。

在GITHUB页面上看到的代码中没有错误，因为存储库正在成功编译。这有什么问题？

Answer 1

Github.com只是渲染您的帖子（通常是降价文件），没有来自你的jekyll的布局，因此没有你的样式表。

另一方面http://xameeramir.github.io/ienumerable-vs-iqueryable/是您的github页面使用您的布局生成jekyll，因此，您的CSS。

Answer 2

该表有很多html元素，使得markdown（或kramdown）处理器感到困惑。

尝试使用正确的表格语法生成它们：https://kramdown.gettalong.org/syntax.html#tables

例如，以下内容：

| Header1 | Header2 | Header3 |
|:--------|:-------:|--------:| 
| cell1 | cell2 | cell3 | 
| cell4 | cell5 | cell6 |
|---- 
| cell1 | cell2 | cell3 | 
| cell4 | cell5 | cell6 | 
|===== 
| Foot1 | Foot2 | Foot3 
{: rules="groups"}

最终会看起来像：

<table rules="groups"> 
<thead> 
<tr> 
<th style="text-align: left">Header1</th> 
<th style="text-align: center">Header2</th> 
<th style="text-align: right">Header3</th>
 </tr> 
</thead> 
<tbody> 
<tr> 
<td style="text-align: left">cell1</td> 
<td style="text-align: center">cell2</td> 
<td style="text-align: right">cell3</td> 
</tr> 
<tr> 
<td style="text-align: left">cell4</td> 
<td style="text-align: center">cell5</td> 
<td style="text-align: right">cell6</td> 
</tr> 
</tbody> 
<tbody> 
<tr> 
<td style="text-align: left">cell1</td> 
<td style="text-align: center">cell2</td> 
<td style="text-align: right">cell3</td> 
</tr> 
<tr> 
<td style="text-align: left">cell4</td> 
<td style="text-align: center">cell5</td> 
<td style="text-align: right">cell6</td> </tr> 
</tbody> 
<tfoot> 
<tr> 
<td style="text-align: left">Foot1</td> 
<td style="text-align: center">Foot2</td> 
<td style="text-align: right">Foot3</td> 
</tr> 
</tfoot> 
</table>

NO ERROR：Github页面中的HTML表格呈现但未在输出

2 个答案: