Tag: Hugo

mrfdn.com – Kalau sebelumnya saya sudah membagikan script untuk set thumbnail berdasarkan gambar pertama pada artikel markdown di hugo, kali ini saya ingin membuat agar salah satu tag menjadi category. Ini dikarenakan karena pada saat convert artikel wordpress/blogger ke hugo, hugo tidak otomatis mengatur category. Semua taxonomy (tag, category, label) disatukan ke dalam taxonomy (tag) […]

mrfdn.com – Setelah membuat file list.html di hugo kita mungkin ingin merender deskripsi atau summary. Dimana deskripsi akan muncul ketika ketika diset pada bagian frontmatter artikel, tapi jika tidak di set maka akan merender summary dari artikel. Pastikan pada frontmatter telah diset seperti ini, ada description. --- title: judul artikel description: ini adalah deskripsi artikel […]

mrfdn.com – Akhirnya saya tertarik menggunakan Hugo sebagai platform untuk kegiatan blogging saya. Kenapa sih pakai Hugo? Kan ada wordpress yang jauh lebih powerfull. Oh iya, sebelumnya saya pernah membuat website hugo gratis yang dihosting di github pages. Dan begini cara hosting Hugo di VPS sendiri. Nah di sini saya ingin menjelaskan alasan kenapa saya […]

mrfdn.com – Kali ini saya akan membahas tentang cara membuat theme hugo sendiri. Artikel akan dibagi menjadi beberapa sub bahasan supaya lebih terstuktur. Karena jika dijelaskan melalui satu artikel ini saja maka akan sangat panjang dan pusing membacanya. Ada beberapa persiapan yang harus diketahui sebelumnya. Apa saja itu? Setidaknya anda harus mengetahui tentang: HTML CSS […]

mrfdn.com – Pada artikel sebelumnya sudah dijelaskan beberapa hal yang penting diketahui tentang file baseof.html. Pada artikel ini saya akan membahas tentang cara membuat dan setting file yang terdapat pada folder partials di theme hugo yang sedang dibuat. Partials merupakan kumpulan part atau bagian dari sebuah tag html yang saling berkaitan sehingga menjadi sebuah struktur […]

mrfdn.com – Pada artikel sebelumnya sudah dijelaskan beberapa hal yang penting diketahui tentang partials Pada artikel ini saya akan membahas tentang cara setting file list.html pada theme hugo yang sedang dibuat. List template merupakan daftar semua halaman apa saja yang ada di web hugo. Berbeda dengan home page dimana kita bisa set beberapa halaman saja […]

mrfdn.com – Pada artikel sebelumnya kita sudah berhasil menampilkan list artikel / konten yang terdapat pada blog hugo yang sedang dibuat. Pada artikel ini saya ingin menunjukkan cara untuk menampilkan setiap isi artikel tersebut melalui file single.html. Single.html adalah file yang bertugas untuk merender setiap halaman postingan yang terdapat pada folder content. Silahkan edit file […]

mrfdn.com – Archetypes di hugo merupakan sebuah folder yang berisi sebuah file default.md yang berfungsi sebagai konfigurasi frontmatter pada setiap postingan markdown yang dibuat. Contoh archetypes hugo yang saya gunakan saat ini : --- title: "{{ replace .Name "-" " " | title }}" date: {{ .Date }} url: /{{.File.TranslationBaseName}} tags: description: tulis deskripsi singkat […]

mrfdn.com – Shortcode di hugo merupakan salah satu cara untuk memanggil elemen tertentu pada situs. Misalnya kita ingin membuat toc (term of service) di dalam artikel hugo, maka kita bisa dengan mudah memanggilnya dengan shortcode. Shortcode juga ditemukan di WordPress. Tapi untuk membuat shortcode di WP cukup sulit, beda dengan HUGO dimana kita hanya perlu […]

mrfdn.com – Halaman 404 adalah halaman yang berisi tentang informasi halaman tidak ditemukan pada sebuah situs yang diakses. Halaman ini bisa ditampilkan atau bisa juga tidak dengan cara melakukan redirect ke halaman lain jika memang url tidak terdapat pada situs. Di hugo kita bisa set halaman 404. Halaman ini nanti akan berfungsi sebagai penanda kepada […]