鹈鹕站点生成器:主题没有可见的表格边框?

时间:2016-05-31 23:17:04

标签: html css pelican

我正在使用Pelican 3.6.3生成网站。源内容位于Markdown中,包含许多表。我尝试使用四个或五个不同的Pelican主题生成输出,但表格从未有任何可见的边框。所有表格内容都按行和列整齐排列,但没有单元格边框或外边框。

有具体原因吗?我打算手动修改CSS吗?所有主题作者似乎不太可能做出同样的设计决定。

我的一张桌子示例:

| Measurement      | 2401     | 2701    |
|------------------|----------|---------|
| Total height     | 2 13/16" | 4 1/8"  |
| Diameter at base | 4"       | 4 9/16" |

1 个答案:

答案 0 :(得分:1)

是否设置了HTML属性border?如果是这样,很可能是您的浏览器决定如何呈现表格。

我自己检查了几个主题(只需快速浏览一下CSS代码,无法保证正确性):

| Theme           | Border |
|=================|========|
| apricot         | No     |
| basic           |        |
| bluegrasshopper |        |
| blueidea        |        |
| blue-penguin    |        |
| bold            |        |
|-----------------|--------|
| backdrop        | Yes    |
| bootlex         |        |

我可以想象,根据内容,理由和其他格式方面会使所有表格上的边框不合适。因此,我可以理解默认情况下禁用表格边框的设计决策,并让主题用户根据需要自定义行为。

在我的网站上,我使用表格来做很多不同的事情。通常情况下,特别是当包含像​​图像或语法突出显示区域的块时,边框会使表看起来很奇怪。在此我做了第二个设计决定。

但是,如果想要与某些表格接壤,会怎么样?如果可以在文章源文件中指定特殊的HTML类,则很容易实现使用CSS的依赖于案例的样式。不幸的是,python-markdown(或一般markdown)不支持此类功能。至少,这是谷歌的一项简短研究所揭示的。 (也许有一个python-markdown扩展我不认识?...

另一种方法是使用另一种标记语言。与降价相比,reStructuredText更复杂,但也更具可扩展性。 table指令本身支持HTML类的规范。我自己使用reStructuredText,并且喜欢标记语言引入的高度灵活性。

您也可以让javascript完成这项工作,并根据表格内容设置同样样式化的HTML类。但是,我不认为这是一个很好的解决方案,因为您为静态网站的外观创建了对javascript的依赖。

我希望这可以帮助你:)

<强> TL;博士

  • 具体原因最有可能更普遍适用于主题。
  • 是的,我们邀请您自己在CSS代码中或最适合您的地方介绍所需的自定义。