Github 无法正确 link 到我的资产和相关 URL 的页面
Github Pages failing to properly link to my assets and relative urls
我正在修改名为 H2O locally on my Windows 10 PC. It is a blog theme that I will be hosting on Github Pages on a repo called blog. I'm aware there is a common problem using relative links locally that may initially appear fine on your computer, but when you push your files up to your repo everything is essentially broken due to baseurl and linking issues as properly addressed on this commented jekyll issue 的 Jekyll 主题。
虽然我做了一些必要的改变;更具体地说,在我的 head.html、post-head.html 和 default.html 上的 hyperlinked 样式表文件之前添加 {{ site.baseurl }}
个文件,我仍然遇到问题。
问题:(请访问我当前的 blog url 以查看实际示例。)
- 主页左上角应该有一个 "H2O" 标志。这个标志根本没有出现在主页上。 post 页面暂时显示徽标,但向下滚动时,默认的 CSS 效果无法正常工作。 (请参阅 theme author's live demo 以了解所有内容的外观和功能的正确示例。
- tags page 加载正确,但是当您尝试单击底部显示的 post 时,它们无法正确加载,因为 blog/ 目录从 URL 中省略。
- 查看任何博客 post 页面时 example, my avatar photo at the bottom does not appear. This is odd since my avatar correctly displays on the main page of the url: http://www.joshuagalan.com/blog/
- 我的网站图标根本无法正确加载。
可能值得一提的是,我的网站托管在 Github 上,原始名称为 muygalan.github.io,自定义域名为 www.joshuagalan.com。
P.S。网站 Configuring Jekyll for User and Project GitHub Pages 深入介绍了该主题,但我无法使用作者在 检查您的网站 link 正确性 部分下提供的 grep 搜索,因为我相信它们是基于 linux 而我使用的是 Windows 计算机。
我浏览了您的网站并注意到以下内容。编辑它们应该可以解决您的错误:
- 在您的配置文件中,您有
url: 'muygalan.github.io/blog'
和 baseurl: /blog
。 您的 url:
中不应包含 /blog
。
- 在
assets/js/index.min.js
中有一行r.css({background:"url(/assets/icons/logo_"+i+".svg) no-repeat center","background-size":"100% 100%"})
..看看url如何不包含/blog
.. ?
其他提示:
- YAML 文件中的字符串不需要被引用。看看
baseurl: /blog
就好了..
- 不要在 url 前面加上
{{ site.baseurl }}
.. 请改用 relative_url
过滤器。
{{ 'foo' | relative_url }}
我正在修改名为 H2O locally on my Windows 10 PC. It is a blog theme that I will be hosting on Github Pages on a repo called blog. I'm aware there is a common problem using relative links locally that may initially appear fine on your computer, but when you push your files up to your repo everything is essentially broken due to baseurl and linking issues as properly addressed on this commented jekyll issue 的 Jekyll 主题。
虽然我做了一些必要的改变;更具体地说,在我的 head.html、post-head.html 和 default.html 上的 hyperlinked 样式表文件之前添加 {{ site.baseurl }}
个文件,我仍然遇到问题。
问题:(请访问我当前的 blog url 以查看实际示例。)
- 主页左上角应该有一个 "H2O" 标志。这个标志根本没有出现在主页上。 post 页面暂时显示徽标,但向下滚动时,默认的 CSS 效果无法正常工作。 (请参阅 theme author's live demo 以了解所有内容的外观和功能的正确示例。
- tags page 加载正确,但是当您尝试单击底部显示的 post 时,它们无法正确加载,因为 blog/ 目录从 URL 中省略。
- 查看任何博客 post 页面时 example, my avatar photo at the bottom does not appear. This is odd since my avatar correctly displays on the main page of the url: http://www.joshuagalan.com/blog/
- 我的网站图标根本无法正确加载。
可能值得一提的是,我的网站托管在 Github 上,原始名称为 muygalan.github.io,自定义域名为 www.joshuagalan.com。
P.S。网站 Configuring Jekyll for User and Project GitHub Pages 深入介绍了该主题,但我无法使用作者在 检查您的网站 link 正确性 部分下提供的 grep 搜索,因为我相信它们是基于 linux 而我使用的是 Windows 计算机。
我浏览了您的网站并注意到以下内容。编辑它们应该可以解决您的错误:
- 在您的配置文件中,您有
url: 'muygalan.github.io/blog'
和baseurl: /blog
。 您的url:
中不应包含/blog
。 - 在
assets/js/index.min.js
中有一行r.css({background:"url(/assets/icons/logo_"+i+".svg) no-repeat center","background-size":"100% 100%"})
..看看url如何不包含/blog
.. ?
其他提示:
- YAML 文件中的字符串不需要被引用。看看
baseurl: /blog
就好了.. - 不要在 url 前面加上
{{ site.baseurl }}
.. 请改用relative_url
过滤器。{{ 'foo' | relative_url }}