将 Github markdown 语言与 CSS 混合使用

Question

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

我已经能够通过在 html 标签内使用样式属性来做到这一点，例如：

<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,

The HTML is sanitized, aggressively removing things that could harm you and your kin—such as script tags, inline-styles, and class or id attributes. See the sanitization filter for the full whitelist.

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>|

Signal	Description
DOP	Horizontal Dilution of precision
FIX	GPS Fix Quality indicator: 0 - fix not available 1 - GPS fix

Answer 3

您可以轻而易举地覆盖 CSS Github 使用的内容，方法是为它提供您自己的 style.css 文件，嵌套为 ./assets/css/style.css（这是样式表 URL在 HTML 源代码中指出 Github 从你的 markdown 构建）。

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

例如

/* 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 混合使用

Mix Github markdown language with CSS

css

github-flavored-markdown