Grav - Enlace de página

En este capítulo, entenderemos cómo vincular páginas en Grav. Puede vincular una página a otra de una manera sencilla e incluso las páginas remotas se pueden vincular con la vinculación de páginas. Grav tiene muchas opciones de enlaces receptivos. Si ha usadoHTML para vincular los archivos antes, entonces es muy fácil entender la vinculación de páginas en Grav.

A continuación se muestra un ejemplo básico del directorio de páginas de un sitio Grav. Usaremos el siguiente directorio como ejemplo como se muestra en la imagen.

A continuación se muestran algunos componentes comunes de Grav link.

[Linked Content](../path/slug/page)
  • []- Especifica escribir el texto o contenido alternativo que está vinculado. En HTML, usamos <a href=""> y </a> para colocar el contenido.

  • () - La URL se coloca en este corchete, que se coloca directamente después del corchete.

  • ../ - Indica un movimiento hacia arriba en un directorio.

Hay 4 tipos de enlaces utilizados en el contenido que se enumeran a continuación:

  • Slug Relative

  • Directory Relative

  • Absolute

  • Remote

Pariente babosa

Los enlaces internos no se limitan a algunos nombres dentro de la estructura de su archivo / directorio. Las babosas se pueden extraer tanto del encabezado como del nombre del directorio de respaldo, lo que luego le ayuda a crear enlaces fácilmente ya que no es necesario recordar ningún nombre de archivo específico, pero puede recordar una babosa relevante. El motor de plantillas de Grav usa nombres de archivo para saber qué plantilla aplicar.

[link](../dog)

El código anterior le trae el siguiente resultado:

En el ejemplo anterior, debe subir un directorio y cargar la página predeterminada que se encuentra en el pages/01.home/02.nature/item.md directorio de pages/01.home/02.dog/item.md. El archivo item.md no tiene slug asignado, por lo que Grav usa el nombre del directorio.

A continuación, encontrará un ejemplo similar, enlazando desde pages/01.home/01.dog/item.md a pages/02.black/01.fish/item.md, pero cuando carga el archivo item.md, se asignará un slug al archivo de 01.fish.

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

El código anterior le da el siguiente resultado:

Ahora verá que el nombre de la carpeta slug predeterminada se reemplazará con black slug en el encabezado de item.md.

Relativo al directorio

Los destinos establecidos en relación se utilizan para vincular la página actual, que puede ser un archivo de imagen o cualquier otro archivo según sea necesario. La ubicación del archivo es tan importante como la del destino. Si el archivo se mueve mientras se cambia la ruta, el vínculo puede romperse. Siempre que un archivo sea consistente, puede cambiar fácilmente entre un servidor de desarrollo local y un servidor en vivo con un nombre de dominio diferente. Los enlaces deberían funcionar sin problemas.

Señalará el enlace de su archivo directamente por su nombre, en lugar de su directorio o slug. Puede crear un enlace desdepages/01.home/01.dog/item.md to pages/02.black/01.fish/item.md utilice el comando como se muestra a continuación.

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

El código anterior le da el siguiente resultado:

Ambas carpetas se mueven hacia arriba, como se muestra en ../../, y luego en las dos carpetas inferiores, apuntando directamente a item.md archivo.

Enlaces absolutos

Es similar a los enlaces relativos, basados ​​en su /user/pages/directorio en Grav. Además, esto se puede hacer con dos métodos.

  • Slug Relative style

  • Directory Relative style

Estilo relativo de babosa

Puede hacerlo de manera similar al tipo relativo slug. Utiliza el nombre del directorio en la ruta. Elimina los errores de pedido y cambios posteriores rompiendo el enlace. Cambia el número del nombre de la carpeta al principio que conduce a la ruptura del enlace.

A continuación se muestra un ejemplo de enlace absoluto, el enlace se abre con /. Especifica que el enlace absoluto se realiza enpages/01.home/01.dog/item.md al estilo Slug.

[link](/home/nature)

El código anterior le da el siguiente resultado:

Directory relative stylees más consistente cuando se usa con servicios como GitHub. No tienen el beneficio de la flexibilidad de Grav. A continuación puede ver un ejemplo de un enlace absoluto realizado apages/01.home/01.dog/item.md utilizando el estilo relativo al directorio.

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

Remoto

Los enlaces remotos le permiten enlazar directamente a cualquier archivo o documento a través de su URL. No es necesario incluir el contenido de su propio sitio.

El siguiente ejemplo le muestra cómo vincular a TutorialsPoint página.

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

El código anterior le da el siguiente resultado:

Puede vincular directamente a cualquier URL, incluidos los enlaces HTTPS seguros.