Jekyll红毯渲染表与框架



我有同样的问题,在表不渲染时使用Jekyll GitHub页面红地毯?

我用答案得到表渲染到我的github Jekyll页面。

但是它不呈现表的帧或线。

是否有可能得到一个表输出与框架和线?如果

我的Markdown是这样的:

| Test | Test | Test | 
| -----|:----:|-----:|
| test | test | test |         
| test | test | test |
| test | test | test |
| test | test | test |

和我的_config。像这样:

markdown: redcarpet
redcarpet:
  extensions: [tables]

它没有绘制任何边框的原因是没有样式为您的table和相关元素

这是我拼凑的一个repo来演示应用到表上的样式。你可以在这里看到结果。

在存储库中创建一个main.css文件,并将其包含在HTML页面中。

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    {{ content }}
</body>
</html>

然后在main.css中,你可以为所有markdown生成的表格应用样式:

table {
    border:#ccc 1px solid;
    border-radius:3px;
}
table th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
}
table tr {
    padding-left:20px;
}
table td {
    padding:18px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

如果你已经在你的代码库中有CSS,那么只需添加样式,并确保CSS包含在你的HTML中。

相关内容

  • 没有找到相关文章

最新更新