能否移除GitHub Gists中的gist-meta标签及相关内容?
如何移除GitHub Gist嵌入的gist-meta标签
当然可以移除这个引发异常的gist-meta标签!这里有两种简单的方案,你可以根据自己的实际情况选择:
方案一:直接修改gist-embed.scss文件
如果你有权限修改项目里的gist-embed.scss文件,直接处理第56行的代码块就行:
- 找到第56行的
.gist .gist-meta {}完整代码块,要么直接删除整个代码块(彻底移除这个元素的样式,连带元素本身的显示逻辑),要么在代码块内添加display: none;来隐藏它。
隐藏方式的示例代码:.gist .gist-meta { display: none; // 若需要保留其他原有样式可保留,直接删除整个块会更彻底 } - 修改完成后,重新编译你的SCSS文件为CSS,刷新页面就能看到meta栏消失了。
方案二:用自定义CSS覆盖(无法修改原SCSS时)
如果没法改动原gist-embed.scss文件,你可以在页面的自定义样式区域添加以下CSS规则,强制隐藏这个标签:
.gist .gist-meta { display: none !important; }
这里的!important是为了确保你的自定义样式优先级高于原SCSS编译后的样式,避免被原样式覆盖。
这样操作后,那个包含名称、"view raw"和GitHub托管提示的meta栏就会被移除或隐藏,再也不会出现点击链接导致的网站异常问题啦。
内容的提问来源于stack exchange,提问作者hillodesign
相关产品推荐
相关产品推荐

