如何使用 github 托管外部 CSS 文件？

Question

我将 css 上传到 github，然后转到网站上的文件并单击 raw 选项。我尝试将其添加到网页中，但 chrome 给出以下错误：

资源解释为样式表，但使用 MIME 类型 text/plain 进行传输：“https://raw.githubusercontent.com/me/my-repo/master/style.css”。

和

跨源读取阻止 (CORB) 阻止了 MIME 类型为 text/plain 的跨源响应https://raw.githubusercontent.com/me/my-repo/master/style.css。有关更多详细信息，请参阅https://www.chromestatus.com/feature/5629709824032768 。

我该怎么做才能成功添加此 CSS？我也用 javascript 添加它：

var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('href', 'https://raw.githubusercontent.com/me/my-repo/master/style.css');
document.getElementsByTagName('head')[0].appendChild(link);

Answer 1

您可以在 Github Pages 上托管您的文件，只需转到存储库设置[1]，找到“Github Pages”部分并设置您的分支[2]，然后单击“保存”。您将看到信息[3]。然后你去https://YOUR-GITHUB-USERNAME/REPO-NAME（如果你有index.html或任何文件，例如。/src/css/style.css）你可以在任何网站上加载CSS，JS或其他文件

<link rel="stylesheet" href="path/to/file/style.min.css">

[1]：

[2]：

[3]：