html - 为什么我在 GitHub Page 上的 Hugo 主题主机丢失了 css 样式？

Question

这是我的 GitHub 页面: http://cecilialee.github.io

源文件如下: https://github.com/cecilialee/cecilialee.github.io https://github.com/cecilialee/cecilialee-source

我正在尝试在我的 GitHub 页面上建立一个 Hugo 博客。我按照这里的说明操作:https://gohugo.io/themes/installing-and-using-themes/

但是，在我使用hugo 在public(在cecilialee-source)中构建网站并推送public 到 https://github.com/cecilialee/cecilialee.github.io，该网站无法正常工作。 Hugo 站点在那里，但它丢失了所有的 css 样式。

怎么了？

Answer 1

查看您的网站返回的呈现的 HTML。

<link rel="stylesheet" href="http://cecilialee.github.iocss/style.css">

请特别注意缺少一个 /在 github.io 之间和 css/每次出现。

此外，我注意到您的网站是通过 HTTPS 提供服务的，并且这些链接正在寻找 HTTP 引用。要解决此问题，您需要使用 https:// 定义基本 URL。 .

如果您还没有研究过适合您选择的浏览器的开发人员工具，我强烈推荐它。每个浏览器都有可用的文档 - this page为 Google Chrome 描述它。

打开开发者工具一般会提示这样的错误。