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

Panduan cara membuat dan mengaktifkan fitur 404 atau page not found di hugo


JagoTekno.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

hugo 404 file

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.

#6: Cara Membuat Hugo Theme From Scratch - Shortcode
Ditulis oleh Rafi pada Wednesday, 30 November 2022
mrfdn author

Rafi

  • 15 year+ of Linux user.
  • 5 years+ blogger and web developer.

Jika artikel yang dibuatnya ternyata bermanfaat, support dengan cara

Baca juga


comments powered by Disqus