Github IO 页面不加载 CSS

Question

问题

我想了解为什么我的个人 Github IO 页面 tobias-schmidt.site 上没有加载我的 CSS 资源。

问题

当我通过自定义 dns tobias-schmidt.site 或直接通过 github dns mrtobe.github.io 访问我的页面时，该站点正确加载了 index.html，但没有加载引用的 CSS 文件。当我单击博客文章时，它确实正确加载了 CSS。那么对于这个冲浪会话，CSS 也可以在 index.html 上找到。

设置

• 来自 GoDaddy 的 dns，为 tobias-schmidt.site 设置了 A-Record - 此 dns 已添加到 github 存储库的设置中
• 网站是用 hugo 生成的 - 完整的项目托管在 https://github.com/mrtobe/mrtobe-hugo 下 - ./deloy.sh 用于部署页面
• Hugo 生成一个静态网站，托管在这里https://github.com/mrtobe/mrtobe.github.io

最佳猜测

我检查了不同的帖子，发现它可能是混合内容，但我不知道如何使用 github pages 解决这个问题。

Answer 1

您遇到了 SSL 证书问题。

tobias-schmidt.site 使用了无效的安全证书。

证书仅对以下名称有效：*.github.com、github.com、*.github.io

错误代码：SSL_ERROR_BAD_CERT_DOMAIN

Github pages doesn't provide HTTPS for custom domains.

当您访问https://tobias-schmidt.site github 页面服务器正在发送他的证书，该证书对您的域无效，并且浏览器阻止请求，直到您同意使用此证书。

目前，在 conf.toml 中，您必须设置 baseurl = "http://tobias-schmidt.site"。这是为了让 hugo craft http urls。

第二次，您可以尝试secure you site with services like cloudflare 或查看Netlify。