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

时间:2016-02-29 16:50:18

标签: html css github jekyll github-pages

当我在本地主机上测试我的网站时,CSS和JavaScript看起来很完美。但当我把它推到github repo时,我只看到HTML。没有风格。 https://github.com/jaubut/website我尝试在config.yml中将我的网址更改为https://chanvrequebec.com。我还尝试将href="/css/main.css"更改为href="css/main.css"。但根本没有发生。我不知道该怎么办。请帮忙。谢谢

2 个答案:

答案 0 :(得分:0)

您的网站托管在子文件夹“网站”中。 css的正确链接是href =“/ website / css / main.css”。正确的地址似乎是:http://jaubut.github.io/website。如果您想要自定义域,则应使用CNAME文件,请参阅:https://help.github.com/articles/setting-up-your-pages-site-repository/

答案 1 :(得分:0)

您的网站在http://chanvrequebec.com/精美展示 - 而不是https://,如您的问题所述!

如果您拥有此域的SSL / TLS证书,则需要将url上的_config.yml更改为相同的协议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.ioUser website
  • 的新存储库
  • 将您的回购website的内容转移到上一步创建的回购的master分支
  • 保持_config.yml现在的样式
  • 您的网站可以在http://jabot.github.io下以及http://chanvrequebec.com/
  • 下访问
  • 删除website存储库
  • 如果您的域chanvrequebec.com拥有SSL / TLS数字证书,请不要忘记将url上的_config.ymlurl: "http://chanvrequebec.com"更改为{{1} }}

完成!

我希望有所帮助!