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

标签 html css git github-pages hugo

这是我的 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)中构建网站并推送publichttps://github.com/cecilialee/cecilialee.github.io,该网站无法正常工作。 Hugo 站点在那里,但它丢失了所有的 css 样式。

怎么了?

最佳答案

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

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

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

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

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

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

关于html - 为什么我在 GitHub Page 上的 Hugo 主题主机丢失了 css 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46547831/

相关文章:

javascript - 获取事件类的前 li

jquery - 将元素定位到树上

html - 如何使列表项 <li> 像链接 <a> 一样

css - 如何将我的错误消息与 Ruby on Rails 的 Simple_form 对齐?

javascript - 如何构建 sails.js 离线文档?

git 从两个分支之间的差异创建提交

javascript - 如何在不同页面上使不同的页脚背景颜色与每个背景颜色相同

javascript - 使用 css 或 javascript 中的媒体查询更改 svg 文本的 x-y 坐标?

css - DIV Modernizr 中的 Drupal 响应式 HTML5 视频背景

git - 修改git pack文件的方法?