#7: Cara Membuat Hugo Theme From Scratch - 404.html

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 user jika saja salah memasukan url.

Isinya hanya sejumlah informasi bahwa halaman tidak ditemukan dan url link ke home / halaman utama.

Cara set halaman 404 di Hugo dengan benar

Pertama pastikan anda sudah menggunakan Hugo versi 103 atau yang lebih baru.

Kemudian edit file /layouts/404.html lalu isi dengan kode berikut :

{{ define "main"}}
    <main id="main">
      <div>
       <h1 id="title"><a href="{{ "" | relURL }}">Go Home</a></h1>
      </div>
    </main>
{{ end }}

Setelah itu pada file config.toml tambahkan baris ini:

[[redirects]]
from   = "/**"
to     = "/404.html"
status = 404

Untuk kode redirect di atas saya gunakan untuk mengaktifkan fungsi halaman 404 pada Cloudflare.

Sedangkan jika anda hosting di tempat lain silahkan baca penjelasannya lengkapnya di sini

Demikian cara setting halaman 404 di Hugo.