Question

如何将CSS添加到github的降价语言？

我已经能够通过在html标签内使用style属性来实现这一点，例如：

<p style="text-align: center;">This is some random text</p>

但如果我把css移到开头，就像：

<style>
  p {
    text-align: center;
  }
</style>

<p>This is some random text</p>

Github并不认识它，只是在屏幕上写下了css代码。

我正在使用Atom，并且Markdown Preview软件包实际上正确地识别了这一点，即使在远程存储库上它显示错误。 Google Chrome扩展程序Markdown Preview Plus也是如此。

有办法做到这一点吗？在html标签中编写css只是觉得错误。

Answer 1

After GitHub converts Markdown to HTML，

对HTML进行清理，积极删除可能会伤害您和您的亲属的内容，例如script代码，内联样式以及class或id属性。有关完整的白名单，请参阅sanitization filter。

style标记未包含在GitHub的白名单中，因此会将其删除。我真的很惊讶内联style属性有效;它们似乎也没有包括在白名单中，并在前一段中明确提到过。

在任何情况下，GitHub都不允许将任意HTML包含在Markdown中。

Answer 2

您可以通过以下方式实现您的需求。正如另一个答案所述，Github 不支持这种语法，但是如果您将此 Markdown 弹出到另一个预览工具中，您会看到项目符号已从此列表中删除。

|Signal|Description|
|---|---|
|DOP|Horizontal Dilution of precision|
|FIX|GPS Fix Quality indicator: <ul style="list-style-type:none;"><li>0 - fix not available</li><li>1 - GPS fix</li></ul>|

<头>

信号	说明
DOP	精度的水平稀释
修复	GPS 定位质量指示器： 0 - 定位不可用 1 - GPS 定位

Answer 3

您可以通过提供自己的 style.css 文件，嵌套为 ./assets/css/style.css（在 Github 构建的 HTML 源代码中指向的样式表 URL）来轻松覆盖 CSS Github 使用的内容你的降价）。

请注意，如果您只想“添加”任何 CSS，您需要先复制 Github 的 CSS，这样您就可以创建一个具有相同内容的文件之后您可以放置自己的规则.您可以在任何 view-source:https://username.github.io/repo-name/assets/css/style.css 上找到它，并且明显替换了 username 和 repo-name。

例如

/* CSS as copied from github's own stylesheet here, which is all one line anyway */

...

/* And then your own CSS */

/* remove the repo name as some kind of weird super-title */
h1:first-child { display: none }

/* and better emphasise the _real_ title */
h1:nth-child(2) { font-size: 3em; }

/* let's also give images a subtle border */
img { border: 1px solid #DDD; }

将Github markdown语言与CSS混合使用

3 个答案: