Jekyll - 关于页面在 URL 中添加斜线并破坏网站

Question

我复制并粘贴了 index.html 并将新文件命名为 about.html。内容完全相同。然而，一旦我通过 url

http://localhost:4000/about

导航到 about.html，它会自动添加斜杠并将其更改为

http://localhost:4000/about/

，而其他页面则不会这样做。由于某种原因，关于页面似乎也无法正确加载任何 css 或图像文件，菜单中的任何链接都会指向

http://localhost:4000/about/art

，而不是

http://localhost:4000/art

。

页面也存在...

http://localhost:4000/about/art

导致art.html页面，但再次无法加载任何资源。

我该如何解决这个问题？

Answer 1

1. 克服相对链接问题的一种方法是在中定义路由和页面

   _config.yml

   文件。例如，对于“关于”页面，您可以有：

about_page: "/about"

然后在其他源文件中，您可以使用以下方式生成页面链接：

<a href="{{ site.about_page }}">About</a>

2. 另一种解决方案是在页面文件中设置永久链接，例如：

---
permalink: /about/
---

然后使用

构建网址

<a href="/about">About</a>

3. 为了确保资源在所有页面上正确加载，您可以在布局文件中预先添加资源 url，例如：

  <link rel="stylesheet" href="{{ "/css/style.css" | prepend: site.baseurl }}">