Grav - 页面链接

在本章中，我们将了解如何在 Grav 中链接页面。您可以通过一种简单的方式将一个页面链接到另一个页面，甚至可以通过页面链接来链接远程页面。Grav 有许多响应式链接选项。如果您以前使用过HTML来链接文件，那么很容易理解 Grav 中的页面链接。

下面给出的是 Grav 站点的 Pages 目录的基本示例。我们将使用以下目录作为示例，如图所示。

重力页面链接

下面给出了 Grav link 的一些常见组件。

[Linked Content](../path/slug/page)

  • [] - 指定写入链接的文本或替代内容。在 HTML 中，我们使用 <a href=""> 和 </a> 来放置内容。

  • () - URL 放在这个括号中，直接放在方括号后面。

  • ../ - 表示向上移动一个目录。

内容中使用了 4 种类型的链接，如下所示 -

  • 蛞蝓亲戚

  • 目录相关

  • 绝对

  • 偏僻的

蛞蝓亲戚

内部链接不限于文件/目录结构中的某些名称。可以从标头和后备目录名称中提取 Slug，这可以帮助您轻松创建链接，因为无需记住任何特定文件名，但可以记住相关的 slug。Grav 的模板引擎使用文件名来了解要应用哪个模板。

[link](../dog)

上面的代码为您获取以下结果 -

重力图像链接

在上面的示例中，您必须上移一个目录并从pages/01.home/02.dog/item.md加载位于pages/01.home/02.nature/ item.md目录中的默认页面。文件 item.md 没有分配 slug，因此 Grav 使用目录名称。

接下来，您会发现一个类似的示例，从pages/01.home/01.dog/item.md链接到pages/02.black/01.fish/item.md，但是当它加载item.md文件时，会出现一个slug将被分配给01.fish文件。

[link](../../black/fish)

上面的代码给出了以下结果 -

重力页面链接

现在，您将看到item.md 标题中默认的 slug 文件夹名称将被替换为黑色slug。

目录相关

相对设置的目标用于链接当前页面，可以是图像文件或任何其他需要的文件。文件的位置与目标的位置一样重要。如果在更改路径时移动文件，则链接可能会损坏。只要文件保持一致，您就可以在本地开发服务器和具有不同域名的实时服务器之间轻松切换。链接应该可以正常工作，没有任何问题。

您将直接通过名称指向文件的链接，而不是其目录或slug。您可以使用如下所示的命令创建从pages/01.home/01.dog/item.md到pages/02.black/01.fish/item.md的链接。

[link](../../02.black/01.fish/item.md)

上面的代码给出了以下结果 -

重力页面链接

这两个文件夹都会向上移动，如../../所示，然后在底部的两个文件夹中，直接指向item.md文件。

绝对链接

它类似于相对链接，基于Grav 中的/user/pages/目录。此外，这可以通过两种方法来完成。

  • Slug 相对风格

  • 目录相对风格

相对样式

您可以像 slug 相对类型一样执行此操作。它使用路径中的目录名称。它通过断开链接来消除顺序错误和稍后的更改。它会更改开头的文件夹名称编号，从而导致链接中断。

下面给出的是绝对链接的示例，链接以 / 打开。它指定在pages/01.home/01.dog/item.md中以Slug样式进行绝对链接。

[link](/home/nature)

上面的代码给出了以下结果 -

Grav 页面链接

与 GitHub 等服务一起使用时，目录相对样式更加一致。他们没有 Grav 的灵活性的好处。下面您可以看到使用“目录相对”样式对pages/01.home/01.dog/item.md进行绝对链接的示例。

[link](/01.home/01.dog)

偏僻的

远程链接允许您通过 URL 直接链接到任何文件或文档。无需包含您自己网站的内容。

以下示例向您展示如何链接到TutorialsPoint页面。

[link](http://www.tutorialspoint.com)

上面的代码给出了以下结果 -

Grav 页面链接

您可以直接链接到任何 URL，包括安全的 HTTPS 链接。