Github markdown - 无法通过 inline-css 和 class 更改任何样式

Question

我尝试更改字体大小和行高但失败。我尝试过内联样式：

<div style="font-size: 12px; line-height: 12px;")>bla</div>

和班级：

<style>
.footnote {font-size: 12px !important; line-height: 12px !important;}
</style>

<div class="footnote">bla</div>

和 Markdown 语法：

<font size=1>bla</font>

它们都不起作用。在 Concole 中，DOM 就像：

<div>bla</div>

并且样式始终由默认 markdown 定义：

.markdown-body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    font-size: 16px;
    line-height: 1.5;
}

看来我的设置没有效果，甚至没有添加类。

我还尝试了其他一些标签，例如<p> <span>但不起作用。

PS 在 VS Code Github Markdown 预览中它显示正确。

Answer 1

出于安全考虑，这是不可能的。

\n\n

事实上，它与 Markdown 无关，而是 GitHub 对所有用户提供的标记的后处理，如github/markup中所述。Markdown 到 HTML 的转换发生在步骤 1 中，这使您的标签和属性保持不变。但是，值得注意的是步骤 2：

\n\n

\n

\n
2. HTML 已被清理，积极删除可能损害您和您的亲属\xe2\x80\x94 的内容，例如script标签、inline-styles和class\n 或id属性。
\n

\n

\n\n

该文档的先前版本链接到他们当时使用的 HTML 清理程序的代码。目前尚不清楚他们是否仍在使用该消毒剂或其他消毒剂。然而，对该清理程序的代码的审查清楚地表明，他们正在删除所有用户定义的样式。如果他们更新了新的消毒剂，很可能会变得更加严格。

\n\n

总之，很明显 GitHub 不允许在其网站上使用任何用户定义的样式。

\n