Related Post for Hugo

July 29, 2021

Misterthree

Facebook Twitter Instagram Youtube

Artikel ini akan menunjukkan cara menambahkan Posting/Konten Terkait berdasarkan Tags di situs web Hugo Anda.

1. Buat sebuah file di thema kalian :layouts/partials/related.html dan masukan code ini:

   Copy

   {{ $related := .Site.RegularPages.Related . | first 3 -}}
   {{ with $related -}}
   <h3>Related Posts</h3>
   <ul>
       {{ range . -}}
       <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
       {{ end -}}
    </ul>
    {{ end -}}
   

   • First 3 adalah jumlah Posting/Konten yang akan tampil di related

2. Untuk memangil kode di atas kalian harus mengedit thema _default/single.html dan tambahkan kode dibawah ini

   Copy

   {{ partial "related.html" . }}
   

3. Tambahkan parameter dibawah ini ke dalam konfigurasi sesuaikan dengan Front Matter yang anda gunakan, sebagai contoh saya mengunakan Front Matter toml

   Copy

   [related]
     includeNewer = false
     threshold = 80
     toLower = false
   
    [[related.indices]]
      name = "tags"
      weight = 100
   
    [[related.indices]]
      name = "date"
      weight = 10
   

Sekian tutorial dari saya, semoga bermanfaat dan selamat mencoba…!