Hugo display individual tags

Cara menampilkan satu atau Hugo display individual tags

Ilustrasi
Ilustrasi

Bagaimana cara menampilkan list posting khusus ‘featured’ dalam sistem SSG Hugo?

Ada banyak cara. Pilihan saya ada dua cara yang cukup sederhana dan paling keren.

  1. Hugo dispalay post featured dengan menambahkan parameter feature: true di dalam data front matter posting artikel.
---
title: "My post title"
date: 2021-02-21
author: Your Name
draft: false
featured: true
tags: 
- hugo
- featured
- code
---

Untuk merender ke dalam template

  1. Menampilkan feature posting dalam sistem Hugo dengan cara merender salah satu tags khusus sebagai keywordnya. Tags khusus ini sudah dipersiapkan lebih dulu di setiap posting front matter post.

Kode hugo untuk menampilkan posting khusus dari tags tertentu.

  <ul>
    {{ range first 3 .Site.Taxonomies.tags.featured }}
      <li><a href="{{ .Permalink }}">{{ .Page.Title }}</a>
      </li>
    {{ end }}
  </ul>

Dengan mengambil keyword khusus dari salah satu tags, tidak terlalu banyak mengotori front matter dengan tambahan parameter featured: true/false. Dan tidak menambah lagi dupicate konten dalam grup feature.

Apapun caranya, yang penting happy ngeblog dengan SSG Hugo.

comments powered by Disqus
Fauzan My avatar

Ditulis oleh Fauzan My

Saya terobsesi dengan seni desain yang elegan dan sederhana, baik yang melibatkan proses kreatif rumit maupun yang sederhana. Di sini, saya menggabungkan keduanya, desain dan coding: mencari best practice.

Tulisan lainnya Fauzan My

Ilustrasi composer matrix style.
Tutorial Cara Install Composer Secara Visual di macOS
Gambar oprimasi mesin pencari.
Menggali Lebih Dalam tentang Skema Microdata untuk SEO
Twitter Icon X di layar smartphone.
Icon Twitter X SVG Bootstrap

Related Post