修改GitHub Gist嵌入代码是否可行？

Question

4

我使用Gist在博客上显示代码片段（如果/当这个问题被回答时）以便使用其美观的语法高亮。当我嵌入一个Gist到我的页面上时，它下方有一个栏，看起来像这样：

现在，如果我有几行只有一行长的片段，每个片段下面都有这个栏，我认为这个栏看起来有点丑陋。我发现可以很容易地通过CSS隐藏这个栏，但我想知道是否可以这样做。我浏览了Github的服务条款并花了几分钟搜索，但我找不到任何相关信息。

- Elliot Bonneville

似乎那应该完全没问题。 - sblom

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- VonC · Accepted Answer

您无需修改来自GitHub的gist/embed.css，但您可以简单地添加一个更具体的规则（如此处所述），该规则将在现有规则之后声明：

.gist .gist-file .gist-meta {
  overflow: auto; overflow-x: hidden;
}
.gist .gist-file .gist-data {
  overflow: auto; overflow-x: hidden;
}

如果这个声明在 <link rel="stylesheet" href="http://gist.github.com/stylesheets/gist/embed.css"/> 之后，它应该具有优先权。
在将Gist嵌入WordPress博客中进行CSS修改的示例也可参考。