能否在<link>标签中使用RAW Github Gists?CSS加载问题求助
Gist加载CSS失效的解决方法
- 最关键的错误:你写的
<link>标签里type="text/plain"不对,浏览器只认type="text/css"作为样式表的类型,所以哪怕文件加载了,也不会被解析成CSS生效。 - 确认Gist链接正确性:打开你的Gist文件,点右上角的「Raw」按钮复制真实的原始链接,要确保这个链接能直接在浏览器打开,显示纯CSS代码。如果Gist的文件名不是
.css结尾,Raw链接也不会带后缀,但只要内容是CSS,改对type属性也能生效。 - localhost环境的注意点:你加的
crossorigin和referrerpolicy属性没问题,控制台没报错的话,基本可以排除跨域拦截的问题,重点还是type属性。
修正后的代码
<link href="https://gist.githubusercontent.com/[你的文件Raw链接].css" rel="stylesheet" type="text/css" crossorigin="anonymous" referrerpolicy="no-referrer" />
额外排查步骤
- 直接在浏览器地址栏访问Gist的Raw链接,确认返回的是纯CSS代码,没有其他杂内容。
- 打开浏览器开发者工具的「网络」面板,查看这个CSS资源的请求状态:如果是200状态,说明加载成功,就是type属性的问题;如果是404,说明链接写错了。
内容的提问来源于stack exchange,提问作者Pawel
相关产品推荐
相关产品推荐

