Grav - Liên kết trang
Trong chương này, chúng ta sẽ hiểu cách liên kết các trang trong Grav. Bạn có thể liên kết trang này với trang khác một cách đơn giản và ngay cả các trang từ xa cũng có thể được liên kết bằng liên kết trang. Grav có nhiều tùy chọn liên kết đáp ứng. Nếu bạn đã sử dụngHTML để liên kết các tệp trước đó, sau đó rất dễ hiểu liên kết trang trong Grav.
Dưới đây là một ví dụ cơ bản về thư mục Pages của trang web Grav. Chúng tôi sẽ sử dụng thư mục sau đây làm ví dụ như trong hình.
Dưới đây là một vài thành phần phổ biến của liên kết Grav.
[Linked Content](../path/slug/page)[]- Chỉ định viết văn bản hoặc nội dung thay thế được liên kết. Trong HTML, chúng tôi sử dụng <a href=""> và </a> để đặt nội dung.
() - URL được đặt trong dấu ngoặc này, được đặt trực tiếp sau dấu ngoặc vuông.
../ - Cho biết một sự di chuyển lên của một thư mục.
Có 4 loại liên kết được sử dụng trong nội dung như được liệt kê bên dưới:
Slug Relative
Directory Relative
Absolute
Remote
Slug Relative
Liên kết nội bộ không giới hạn ở một số tên trong cấu trúc tệp / thư mục của bạn. Các Slugs có thể được lấy từ cả tên tiêu đề và tên thư mục dự phòng, điều này sau này giúp bạn tạo liên kết dễ dàng vì không cần nhớ bất kỳ tên tệp cụ thể nào mà có thể nhớ một slug có liên quan. Công cụ tạo khuôn mẫu của Grav sử dụng tên của tệp để biết mẫu nào cần áp dụng.
[link](../dog)Đoạn mã trên lấy cho bạn kết quả sau:
Trong ví dụ trên, bạn phải di chuyển lên một thư mục và tải trang mặc định nằm trong pages/01.home/02.nature/item.md thư mục từ pages/01.home/02.dog/item.md. Tệp, item.md không có slug được chỉ định, vì vậy Grav sử dụng tên thư mục.
Tiếp theo, bạn tìm thấy một ví dụ tương tự, liên kết từ pages/01.home/01.dog/item.md đến pages/02.black/01.fish/item.md, nhưng khi nó tải tệp item.md, một slug sẽ được gán cho tệp của 01.fish.
[link](../../black/fish)Đoạn mã trên cho bạn kết quả sau:
Bây giờ bạn sẽ thấy rằng tên thư mục slug mặc định sẽ được thay thế bằng black slug trong tiêu đề item.md.
Thư mục tương đối
Tương đối tập hợp đích được sử dụng để liên kết trang hiện tại có thể là tệp hình ảnh hoặc bất kỳ tệp nào khác theo yêu cầu. Vị trí của tệp cũng quan trọng như vị trí của đích. Nếu tệp được di chuyển trong khi thay đổi đường dẫn, liên kết có thể bị hỏng. Miễn là tệp vẫn nhất quán, bạn có thể dễ dàng chuyển đổi giữa máy chủ phát triển cục bộ và máy chủ trực tiếp với tên miền khác nhau. Các liên kết sẽ hoạt động mà không có bất kỳ vấn đề nào.
Bạn sẽ trỏ liên kết tệp của mình trực tiếp theo tên, thay vì thư mục hoặc slug của tệp. Bạn có thể tạo một liên kết từpages/01.home/01.dog/item.md to pages/02.black/01.fish/item.md sử dụng lệnh như hình dưới đây.
[link](../../02.black/01.fish/item.md)Đoạn mã trên cho bạn kết quả sau:
Cả hai thư mục đều được chuyển lên, như được hiển thị bởi ../../và sau đó ở hai thư mục dưới cùng, trỏ trực tiếp đến item.md tập tin.
Liên kết tuyệt đối
Nó tương tự như các liên kết tương đối, dựa trên /user/pages/thư mục trong Grav. Hơn nữa, điều này có thể được thực hiện bằng hai phương pháp.
Slug Relative style
Directory Relative style
Kiểu tương đối của Slug
Bạn có thể thực hiện tương tự như kiểu tương đối của slug. Nó sử dụng tên thư mục trong đường dẫn. Nó giúp loại bỏ các lỗi về trật tự và các thay đổi sau này do phá vỡ liên kết. Nó thay đổi số lượng của tên thư mục ở đầu dẫn đến phá vỡ liên kết.
Dưới đây là một ví dụ về liên kết tuyệt đối, liên kết mở bằng /. Nó chỉ định rằng liên kết tuyệt đối được thực hiện trongpages/01.home/01.dog/item.md theo phong cách Slug.
[link](/home/nature)Đoạn mã trên cho bạn kết quả sau:
Directory relative stylenhất quán hơn khi nó được sử dụng với các dịch vụ như GitHub. Họ không có lợi ích từ sự linh hoạt của Grav. Dưới đây, bạn có thể xem ví dụ về một liên kết tuyệt đối được tạo đếnpages/01.home/01.dog/item.md sử dụng kiểu Directory Relative.
[link](/01.home/01.dog)Xa xôi
Liên kết từ xa cho phép bạn liên kết trực tiếp đến bất kỳ tệp hoặc tài liệu nào thông qua URL của nó. Không cần phải bao gồm nội dung trang web của riêng bạn.
Ví dụ sau cho bạn biết cách liên kết đến TutorialsPoint trang.
[link](http://www.tutorialspoint.com)Đoạn mã trên cho bạn kết quả sau:
Bạn có thể liên kết trực tiếp đến bất kỳ URL nào, bao gồm cả các liên kết HTTPS được bảo mật.