当我使用自己的域在 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.io 和 http://chanvrequebec.com/
下访问
- 删除
website
存储库
- 如果您的域
chanvrequebec.com
有 SSL/TLS 数字证书,请不要忘记将 _config.yml
上的 url
从 url: "http://chanvrequebec.com"
更改为至 url: "https://chanvrequebec.com"
完成!
希望对您有所帮助!
当我在本地主机上测试我的网站时,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.io 和 http://chanvrequebec.com/ 下访问
- 删除
website
存储库 - 如果您的域
chanvrequebec.com
有 SSL/TLS 数字证书,请不要忘记将_config.yml
上的url
从url: "http://chanvrequebec.com"
更改为至url: "https://chanvrequebec.com"
完成!
希望对您有所帮助!