为什么我在 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/
然而,在我使用 hugo
在 public
中(在 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.io
和 css/
之间都缺少一个 /
。
此外,我注意到您的网站是通过 HTTPS 提供服务的,并且这些链接正在寻找 HTTP 引用。
要解决此问题,您需要使用 https://
.
定义基础 URL
如果您还没有研究过适合您选择的浏览器的开发人员工具,我强烈推荐它。每个浏览器都有可用的文档 - this page 描述了 Google Chrome。
打开开发者工具一般会提示这样的错误
这是我的 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 样式。
怎么了?
查看您的网站 returns 呈现的 HTML。
<link rel="stylesheet" href="http://cecilialee.github.iocss/style.css">
请特别注意,在每次出现的 github.io
和 css/
之间都缺少一个 /
。
此外,我注意到您的网站是通过 HTTPS 提供服务的,并且这些链接正在寻找 HTTP 引用。
要解决此问题,您需要使用 https://
.
如果您还没有研究过适合您选择的浏览器的开发人员工具,我强烈推荐它。每个浏览器都有可用的文档 - this page 描述了 Google Chrome。
打开开发者工具一般会提示这样的错误