Jekyll现在在GitHub页面、表格和'；我没有出现

我有一个jekyll now网站，我正在尝试加入一些表格。它们在github中显示良好，但在网站上显示不好。下面是我尝试过的一些表格格式的片段，但没有成功

| P | Q | P * Q |
| - | - | - |
| T | T | T |
| T | F | F |
| F | T | F |
| F | F | F |

|====+====|
+====|====+
|=========|

|---|---|---|
|a  | b | c|
| 1|2|3|

|---+---+---|
+ :-: |:------| ---:|
| :-: :- -: -
:-: | :-

|-----------------+------------+-----------------+----------------|
| Default aligned |Left aligned| Center aligned  | Right aligned  |
|-----------------|:-----------|:---------------:|---------------:|
| First body part |Second cell | Third cell      | fourth cell    |
| Second line     |foo         | **strong**      | baz            |
| Third line      |quux        | baz             | bar            |
|-----------------+------------+-----------------+----------------|
| Second body     |            |                 |                |
| 2 line          |            |                 |                |
|=================+============+=================+================|
| Footer row      |            |                 |                |
|-----------------+------------+-----------------+----------------|

我现在对杰基尔使用默认设置，所以降价是克拉姆敦。我从其他堆栈溢出帖子中看到了解决方案，但它们似乎不起作用。我的格式是否有问题，或者我是否需要做其他事情才能使其正常工作

---

谢谢

根据GitHub问题，问题是缺少表格的样式。正如票证中建议的那样，尝试从此处添加表格样式：

您需要对代码应用一些样式，例如，要应用css类

表格行

，您可以使用内联属性

{：.tablelines}

：

<style>
.tablelines table, .tablelines td, .tablelines th {
        border: 1px solid black;
        }
</style>

| P | Q | P * Q |
| - | - | - |
| T | T | T |
| T | F | F |
| F | T | F |
| F | F | F |
{: .tablelines}

|---|---|---|
|a  | b | c|
| 1|2|3|
{: .tablelines}

|-----------------+------------+-----------------+----------------|
| Default aligned |Left aligned| Center aligned  | Right aligned  |
|-----------------|:-----------|:---------------:|---------------:|
| First body part |Second cell | Third cell      | fourth cell    |
| Second line     |foo         | **strong**      | baz            |
| Third line      |quux        | baz             | bar            |
|-----------------+------------+-----------------+----------------|
| Second body     |            |                 |                |
| 2 line          |            |                 |                |
|=================+============+=================+================|
| Footer row      |            |                 |                |
|-----------------+------------+-----------------+----------------|
{: .tablelines}

| A simple | table |
| with multiple | lines|
{: .tablelines}

.tablelines表格、.tablelines td、.tablelines th{
边框：1px纯黑；
}
|P | Q | P*Q|
| - | - | - |
|T | T | T|
|T | F | F|
|F | T | F|
|F | F | F|
{：。表格行}
|---|---|---|
|a | b | c|
| 1|2|3|
{：。表格行}
|-----------------+------------+-----------------+----------------|
|默认对齐|左对齐|中心对齐|右对齐|
|-----------------|:-----------|:---------------:|---------------:|
|第一身体部位|第二细胞|第三细胞|第四细胞|
|第二行| foo |**strong**baz|
|第三条线| quux | baz | bar|
|-----------------+------------+-----------------+----------------|
|第二个机构| | ||
|2行| | ||
|=================+============+=================+================|
|页脚行| | ||
|-----------------+------------+-----------------+----------------|
{：。表格行}
|简单的桌子|
|有多条|线|
{：。表格行}

使用kramdown的输出：

.tablelines表格、.tablelines td、.tablelines th{
边框：1px纯黑；
}
P
Q
P*Q
T
T
T
T
F
F
F
T
F
F
F
F
A.
B
C
1.
2.
3.
默认对齐
左对齐
中心对齐
右对齐
第一身体部位
第二单元
第三单元
第四单元
第二线
福
strong
巴兹
第三行
库克斯
巴兹
酒吧
第二机构
2线
页脚行
简单的
桌子
多次
线

这正是我想要的。非常感谢你。很好@marcanuy在我的例子中，表格可以显示在github预览页面上，但当我通过在浏览器地址栏上键入我的github addree进入我的github网站时无法显示。正如你所说，我是否必须在每篇文章中添加css样式，并在每篇文章的表格下添加

{：.tablelines}

。@frank那么应该还有另一个问题，上面的方法应该可以正常工作，如果不起作用，可以考虑将它与代码一起发布在自己的问题中。将表格样式添加到where/哪个文件？

<style>
.tablelines table, .tablelines td, .tablelines th {
        border: 1px solid black;
        }
</style>

<table class="tablelines">
  <thead>
    <tr>
      <th>P</th>
      <th>Q</th>
      <th>P * Q</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>T</td>
      <td>T</td>
      <td>T</td>
    </tr>
    <tr>
      <td>T</td>
      <td>F</td>
      <td>F</td>
    </tr>
    <tr>
      <td>F</td>
      <td>T</td>
      <td>F</td>
    </tr>
    <tr>
      <td>F</td>
      <td>F</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

<table class="tablelines">
  <tbody>
    <tr>
      <td>a</td>
      <td>b</td>
      <td>c</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<table class="tablelines">
  <thead>
    <tr>
      <th>Default aligned</th>
      <th style="text-align: left">Left aligned</th>
      <th style="text-align: center">Center aligned</th>
      <th style="text-align: right">Right aligned</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>First body part</td>
      <td style="text-align: left">Second cell</td>
      <td style="text-align: center">Third cell</td>
      <td style="text-align: right">fourth cell</td>
    </tr>
    <tr>
      <td>Second line</td>
      <td style="text-align: left">foo</td>
      <td style="text-align: center"><strong>strong</strong></td>
      <td style="text-align: right">baz</td>
    </tr>
    <tr>
      <td>Third line</td>
      <td style="text-align: left">quux</td>
      <td style="text-align: center">baz</td>
      <td style="text-align: right">bar</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>Second body</td>
      <td style="text-align: left"> </td>
      <td style="text-align: center"> </td>
      <td style="text-align: right"> </td>
    </tr>
    <tr>
      <td>2 line</td>
      <td style="text-align: left"> </td>
      <td style="text-align: center"> </td>
      <td style="text-align: right"> </td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Footer row</td>
      <td style="text-align: left"> </td>
      <td style="text-align: center"> </td>
      <td style="text-align: right"> </td>
    </tr>
  </tfoot>
</table>

<table class="tablelines">
  <tbody>
    <tr>
      <td>A simple</td>
      <td>table</td>
    </tr>
    <tr>
      <td>with multiple</td>
      <td>lines</td>
    </tr>
  </tbody>
</table>