Question

我在网站上使用Jekyll来使用GitHub页面布局网站。效果很好。一个问题是降价表的布局不正确。发现表没有默认样式，因此除非您为表明确指定一些样式。代码如下：

---
layout: page
permalink: "/membership/join/"
title: Joining the Readium Foundation
---
<style>
.tablelines table, .tablelines td, .tablelines th {
    border: 1px solid black; padding:10px;
    }
</style>

|  Company Type  | Total Company Revenue | Member Dues |
|:-------------:|:-------------:|:------------:|

与Jekyll一起使用时效果很好。但是，当在GitHub Wiki上为相同的存储库使用类似的代码时，标记及其内容也会被呈现。该代码如下：

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

|  Publication  | URL | Langauge |
|:-------------:|:-------------:|:------------:|
| epubsecrets  | [http://epubsecrets.com/](http://epubsecrets.com/) | English |

表呈现得很好，但是样式标签却以文本形式呈现。

建议？隐藏样式标签的某种方法？

此外，我发现了这个question/answer，建议添加此代码：

(setq markdown-xhtml-header-content
"<style>
    .tablelines table, .tablelines td, .tablelines th {
    border: 1px solid black; padding:10px;
    }
</style>")

不幸的是，它不起作用-至少在GitHub Wiki上不起作用。

Answer 1

我同意Waylan ...只需覆盖样式表中的Jekyll默认值即可。将此代码添加到您的自定义style.css：

body .tablelines table, 
body .tablelines td, 
body .tablelines th {
    border: 1px solid black; padding:10px;
}

我在CSS规则中添加了“正文”，以提高特异性。不希望在内容中插入CSS。

降价样式的最佳方法

1 个答案: