当我使用自己的域在 gh-pages 上托管我的 jekyll 时,我的 CSS 根本不呈现

My CSS doesn't render at all when I host my jekyll on gh-pages with my own domain

当我在本地主机上测试我的网站时,CSS 和 JavaScript 看起来很完美。但是当我将它推送到 github 存储库时,我只看到 HTML。没有风格。 https://github.com/jaubut/website I've tried to change my URL to https://chanvrequebec.com 在我的 config.yml 中。我也尝试将我的 href="/css/main.css" 更改为 href="css/main.css"。但什么也没有发生。我不知道该怎么办。请帮忙。谢谢

您的网站位于子文件夹 'website' 中。 css 的正确 link 是 href="/website/css/main.css"。正确的地址似乎是:http://jaubut.github.io/website. If you want a custom domain, you should use a CNAME file, see: https://help.github.com/articles/setting-up-your-pages-site-repository/.

您的网站在 http://chanvrequebec.com/ 上显示得很漂亮 - 而不是您问题中描述的 https://

如果您拥有此域的 SSL/TLS 证书,则需要将 _config.yml 上的 url 更改为相同的协议 https://chanvrequebec.com

注意事项:

第一。在你 _config.yml 你已经设置:

markdown: redcarpet

但从 5 月 1 日起,GitHub Pages will not support redcarpet anymore。所以,我建议您将其更改为:

markdown: kramdown

第二。您的网站应该也可以在 http://jaubut.github.io/website 下完全访问,但由于 GitHub 页面的错误配置,它不是。您创建了一个项目网站,因此您需要将 baseurl 设置为 baseurl: '/website' 来更正它。或者将 url 设置为 http://jaubut.github.io/website。但这不是最好的方法,因为您所有的内部链接都会将页面重定向到 github.io 子域。

所以,最后,要正确解决这个问题,最好的方法是:

  • 创建一个名为 jaubut.github.io (User website)
  • 的新存储库
  • 将您的回购 website 的内容转移到上一步创建的回购的 master 分支中
  • 保持你的_config.yml现在的样子
  • 您的网站可以在 http://jabot.github.iohttp://chanvrequebec.com/
  • 下访问
  • 删除 website 存储库
  • 如果您的域 chanvrequebec.com 有 SSL/TLS 数字证书,请不要忘记将 _config.yml 上的 urlurl: "http://chanvrequebec.com" 更改为至 url: "https://chanvrequebec.com"

完成!

希望对您有所帮助!