为什么我在 GitHub 页面上的 Hugo 主题宿主丢失了 css 样式?

Why my Hugo theme host on GitHub Page lost css style?

这是我的 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/

然而,在我使用 hugopublic 中(在 cecilialee-source 中)构建站点并将 public 推送到 https://github.com/cecilialee/cecilialee.github.io 后,该站点只是不起作用。 Hugo 站点在那里,但它丢失了所有 css 样式。

怎么了?

查看您的网站 returns 呈现的 HTML。

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

请特别注意,在每次出现的 github.iocss/ 之间都缺少一个 /

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

定义基础 URL

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

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