Grav - Menghubungkan Halaman
Dalam bab ini, kita akan memahami cara menautkan halaman di Grav. Anda dapat menautkan satu halaman ke halaman lain dengan cara yang sederhana dan bahkan halaman jarak jauh dapat dihubungkan dengan penautan halaman. Grav memiliki banyak opsi penautan responsif. Jika sudah pernah digunakanHTML untuk menautkan file sebelumnya, maka sangat mudah untuk memahami penautan halaman di Grav.
Diberikan di bawah ini adalah contoh dasar dari direktori Halaman situs Grav. Kami akan menggunakan direktori berikut sebagai contoh seperti yang ditunjukkan pada gambar.
Diberikan di bawah ini adalah beberapa komponen umum dari tautan Grav.
[Linked Content](../path/slug/page)
[]- Menentukan untuk menulis teks atau konten alternatif yang ditautkan. Dalam HTML, kami menggunakan <a href=""> dan </a> untuk menempatkan konten.
() - URL ditempatkan di tanda kurung ini, yang langsung ditempatkan setelah tanda kurung siku.
../ - Menunjukkan perpindahan ke atas satu direktori.
Ada 4 jenis tautan yang digunakan dalam konten seperti yang tercantum di bawah ini -
Slug Relative
Directory Relative
Absolute
Remote
Kerabat Siput
Tautan internal tidak terbatas pada beberapa nama dalam file / struktur direktori Anda. Slugs dapat ditarik dari nama direktori header dan fallback, yang nantinya membantu Anda membuat link dengan mudah karena tidak perlu mengingat nama file tertentu tetapi dapat mengingat slug yang relevan. Mesin template Grav menggunakan nama file untuk mengetahui template mana yang akan diterapkan.
[link](../dog)
Kode di atas memberi Anda hasil berikut -
Pada contoh di atas, Anda harus naik direktori dan memuat halaman default yang terletak di pages/01.home/02.nature/item.md direktori dari pages/01.home/02.dog/item.md. File, item.md tidak memiliki slug, jadi Grav menggunakan nama direktori.
Selanjutnya, Anda menemukan contoh serupa, menautkan dari pages/01.home/01.dog/item.md untuk pages/02.black/01.fish/item.md, tetapi saat memuat file item.md, siput akan ditetapkan ke file 01.fish.
[link](../../black/fish)
Kode di atas memberi Anda hasil sebagai berikut -
Sekarang Anda akan melihat bahwa nama folder slug default akan diganti dengan black siput di header item.md.
Direktori Relatif
Set tujuan relatif digunakan untuk menghubungkan halaman saat ini yang dapat berupa file gambar atau file lain sesuai kebutuhan. Lokasi file sama pentingnya dengan tujuan. Jika file dipindahkan saat mengubah jalur, tautan bisa rusak. Selama file tetap konsisten, Anda dapat beralih dengan mudah antara server pengembangan lokal dan server langsung dengan nama domain berbeda. Tautan seharusnya berfungsi tanpa masalah apa pun.
Anda akan mengarahkan tautan file Anda secara langsung dengan nama, bukan direktori atau siputnya. Anda dapat membuat tautan daripages/01.home/01.dog/item.md to pages/02.black/01.fish/item.md gunakan perintah seperti yang ditunjukkan di bawah ini.
[link](../../02.black/01.fish/item.md)
Kode di atas memberi Anda hasil sebagai berikut -
Kedua folder tersebut dipindahkan ke atas, seperti yang ditunjukkan oleh ../../, lalu di dua folder bawah, mengarah langsung ke item.md mengajukan.
Tautan Mutlak
Ini mirip dengan tautan relatif, yang berbasis di /user/pages/direktori di Grav. Lebih lanjut, ini dapat dilakukan dengan dua metode.
Slug Relative style
Directory Relative style
Gaya Relatif Siput
Anda dapat melakukannya dengan cara yang sama seperti tipe relatif siput. Ini menggunakan nama direktori di jalan. Ini menghilangkan kesalahan urutan dan perubahan nanti dengan memutus tautan. Ini mengubah jumlah nama folder di awal yang menyebabkan putusnya tautan.
Diberikan di bawah ini adalah contoh tautan absolut, tautan dibuka dengan /. Ini menentukan bahwa tautan absolut dibuatpages/01.home/01.dog/item.md dalam gaya Slug.
[link](/home/nature)
Kode di atas memberi Anda hasil sebagai berikut -
Directory relative stylelebih konsisten bila digunakan dengan layanan seperti GitHub. Mereka tidak mendapatkan keuntungan dari fleksibilitas Grav. Di bawah ini Anda dapat melihat contoh tautan absolut yang dibuat kepages/01.home/01.dog/item.md menggunakan gaya Directory Relative.
[link](/01.home/01.dog)
Terpencil
Tautan jarak jauh memungkinkan Anda untuk menautkan langsung ke file atau dokumen apa pun melalui URL-nya. Tidak perlu menyertakan konten situs Anda sendiri.
Contoh berikut menunjukkan kepada Anda cara menautkan ke TutorialsPoint halaman.
[link](http://www.tutorialspoint.com)
Kode di atas memberi Anda hasil sebagai berikut -
Anda dapat menautkan langsung ke URL apa pun, termasuk tautan HTTPS aman.