NO ERROR: HTML таблица рендеринг на страницах GitHub, но не оказывающее на выходе

Question

Я довольно новый для Джекила, извинение, если это основной вопрос

В моих page's preview, столе идеально рендеринг.

Однако в resulting page это не так.

НЕТ ОШИБКИ В КОДЕ, КАК ЕЖЕГОДНО НА СТРАНИЦАХ ГИТВА, ПОТОМУ ЧТО РЕПОЗИТОРИЯ СОБИРАЕТСЯ УСПЕШНО. В чем проблема?

Answer 1

Github.com просто представляет ваше сообщение (и вообще файл уценки) без макета из вашего jekyll и, таким образом, ни одна из ваших таблиц стилей.

С другой стороны, http://xameeramir.github.io/ienumerable-vs-iqueryable/ - это ваши github-страницы, созданные jekyll, используя ваши макеты и, таким образом, ваш css.

Answer 2

В таблице много элементов html, которые смущают процессор уценки (или 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>