Github Pages无法正确链接到我的资产和相对网址

时间:2018-02-14 02:26:22

标签: github jekyll github-pages relative-path jekyll-theme

我在Windows 10 PC上本地修改了一个名为H2O的Jekyll主题。这是一个博客主题,我将在一个名为blog的回购邮件上托管Github Pages。我知道在本地使用相对链接的常见问题可能最初在您的计算机上显示正常,但是当您将文件推送到您的存储库时,由于baseurl和链接问题(如此正确解决),所有内容基本上都已损坏{ {3}}。

虽然我做了一些必要的改变;更具体地说,在我的 head.html,post-head.html和default.html 文件中的超链接样式表文件之前添加{{ site.baseurl }},我仍然遇到问题。

问题:(请访问我当前的commented jekyll issue查看实时示例。)

  1. 应该有一个" H2O"主页左上角的徽标。此徽标在主页面上根本不显示。帖子页面会暂时显示徽标,但向下滚动时,默认的CSS效果无效。 (请参阅blog url以获取所有内容的外观和功能的正确示例。
  2. theme author's live demo正确加载,但是当您尝试点击底部显示的帖子时,由于从网址中省略了博客/ 目录,因此无法正确加载。
  3. 查看任何博客帖子页tags page时,我的头像底部的照片不会显示。这很奇怪,因为我的头像正确显示在网址的主页上:example
  4. 我的favicon根本无法正确加载。
  5. 值得一提的是,我的网站正在Github上托管,原名为 muygalan.github.io ,其定制的名字为 www.joshuagalan.com

    P.S。网站http://www.joshuagalan.com/blog/深入介绍了此主题,但我无法使用检查您网站的链接正确性部分提供的作者的grep搜索,因为我相信他们是基于Linux的,我使用的是Windows计算机。

1 个答案:

答案 0 :(得分:0)

我浏览了您的网站并注意到以下内容。编辑它们可以解决您的错误:

  • 在您的配置文件中,您有url: 'muygalan.github.io/blog'baseurl: /blog您的/blog
  • 不应该url:
  • assets/js/index.min.js中有r.css({background:"url(/assets/icons/logo_"+i+".svg) no-repeat center","background-size":"100% 100%"})行..了解网址如何包含/blog ..?

其他指示:

  • YAML文件中的字符串不需要引用。了解baseurl: /blog如何正常......
  • 请勿使用{{ site.baseurl }}添加网址。请改用relative_url过滤器。
    {{ 'foo' | relative_url }}