代码之家  ›  专栏  ›  技术社区  ›  MuyGalan

Github页面无法正确链接到我的资产和相对URL

  •  0
  • MuyGalan  · 技术社区  · 7 年前

    我正在修改一个叫Jekyll的主题 H2O 这是一个博客主题,我将在一个名为 blog . 我知道在本地使用相对链接有一个常见的问题,最初可能在您的计算机上看起来很好,但当您将文件推送到您的repo时,由于baseurl和链接问题在这方面得到了正确的解决,所有内容实际上都被破坏了 commented jekyll issue .

    虽然我做了一些必要的改变;更具体地说,是预加 {{ site.baseurl }} 在我的超链接样式表文件之前 头html,邮件标题。html和默认值。html 文件,我仍然遇到问题。

    问题: (请访问我的当前 blog url 查看实时示例。)

    1. 主页左上角应该有一个“H2O”标志。此徽标根本不会出现在主页上。贴子页面暂时显示徽标,但向下滚动时,默认CSS效果无法正常工作。(请参见 theme author's live demo 有关所有内容的外观和功能的正确示例。
    2. 这个 tags page 正确加载,但当您尝试单击底部显示的帖子时,它们不会正确加载,因为 博客/ URL中省略了目录。
    3. 查看任何博客帖子页面时 example ,底部的我的头像照片没有出现。这很奇怪,因为我的头像正确地显示在url的主页上: http://www.joshuagalan.com/blog/
    4. 我的favicon根本无法正确加载。

    值得一提的是,我的网站位于Github上,原名为 muygalan。github。io 自定义域名为 www.joshuagalan。通用域名格式 .

    P、 美国网站 Configuring Jekyll for User and Project GitHub Pages 深入讨论了这个主题,但我无法使用作者在 检查站点的链接正确性 因为我相信它们是基于linux的,而且我使用的是Windows计算机。

    1 回复  |  直到 7 年前
        1
  •  3
  •   ashmaroli    7 年前

    我浏览了你的网站,注意到以下几点。编辑它们可以解决您的错误:

    • 在配置文件中 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不包含 /博客 ..?

    其他指针:

    • YAML文件中的字符串 不需要 待引用。查看如何 baseurl:/blog 很好。。
    • 不使用前缀URL {{ site.baseurl }} .. 使用 relative_url 改为过滤。
      {{ 'foo' | relative_url }}