0

我正在我的 Windows 10 PC 上本地修改名为H2O的 Jekyll 主题。这是一个博客主题，我将在 Github Pages 上名为blog的 repo 上托管。我知道在本地使用相对链接存在一个常见问题，最初可能在您的计算机上看起来很好，但是当您将文件推送到您的存储库时，由于 baseurl 和链接问题，所有内容基本上都被破坏了，正如在这个评论的 jekyll 问题上正确解决的那样.

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

问题：（请访问我当前的博客网址以查看实时示例。）

  1. 主页左上角应该有一个“H2O”标志。这个标志根本没有出现在主页上。帖子页面暂时显示徽标，但向下滚动时，默认 CSS 效果无法正常工作。（请参阅主题作者的现场演示，了解所有内容的外观和功能的正确示例。
  2. 标签页面正确加载，但是当您尝试单击底部显示的帖子时，它们无法正确加载，因为URL 中省略了blog/目录。
  3. 查看任何博客文章页面示例时，底部的我的头像照片不会出现。这很奇怪，因为我的头像正确显示在 url 的主页上：http: //www.joshuagalan.com/blog/
  4. 我的网站图标根本无法正确加载。

值得一提的是，我的网站托管在 Github 上，原始名称为muygalan.github.io，自定义域名为www.joshuagalan.com。

PS为用户和项目 GitHub 页面配置 Jekyll网站深入介绍了这个主题，但我无法使用作者在检查您的网站以获取链接正确性部分下提供的 grep 搜索，因为我相信它们是基于 linux 的，我'正在使用 Windows 计算机。

4

1 回答 1

2

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

  • 在您的配置文件中，您有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%"}).. 看看url 怎么不包含/blog..？

其他指针：

  • YAML 文件中的字符串不需要加引号。看看怎么样baseurl: /blog就好了。。
  • 不要在 url 前面加上{{ site.baseurl }}.. 而是使用relative_url过滤器。
    {{ 'foo' | relative_url }}
于 2018-02-14T03:00:13.793 回答