Jekyll:table 内的无序列表

Jekyll: unordered list inside table


我正在尝试为一个 jekyll 站点构建一个 table,该站点在一列中包含一张图片,而在下一列中包含与该图片关联的无序列表链接。
无序列表 (*,-,+) 的 markdown 语法无效,html 与 markdown table 混合时也无效。
有谁知道如何让杰基尔工作? (注意:图像和链接工作正常)
请参阅下面的代码:

 <style>
    table { border: 1px solid black; width: 100%; }
    td, th {border: 1px solid black;width: 50%;}
</style>

|         Image           |                    Image Links                         |
|-------------------------|--------------------------------------------------------|
| <img src="image1.png"/> | *[Image1 link1][1]<br> *[Image1 Link2][2]              |
| <img src="image2.png"/> | <ul><li>Image2 Link1</li><li>Image2 Link2</li></ul>    |

一般来说,table Markdown 中的实现往往相当简单。我不知道 tables.

中有任何支持 Markdown-style 列表的

因此,我相信您必须使用 HTML 作为您的 table:

table {
  border: 1px solid black;
  width: 100%;
}

td, th {
  border: 1px solid black;
  width: 50%;
}
<table>
  <thead>
    <tr>
      <th>Image</th>
      <th>Image Links</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><img src="http://placekitten.com/200/100"></td>
      <td>
        <!-- this _might_ work, but I'd use an HTML image even if it does -->
        <ul>
          <li>[Image1 link1][1]</li>
          <li>[Image1 Link2][2]</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td><img src="http://placekitten.com/200/100"></td>
      <td>
        <ul>
          <li><a href="">Image2 Link1</a></li>
          <li><a href="">Image2 Link2</a></li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>