Create Home Page¶
🚀 Get Started¶
Panduan ini menjelaskan cara membuat halaman utama (Home Page) pada website Hugo.
Home Page merupakan halaman pertama yang ditampilkan ketika pengunjung mengakses website. Pada tahap awal, halaman ini digunakan untuk memperkenalkan website sebelum konten lain seperti artikel, project, maupun curriculum vitae ditambahkan.
Setelah menyelesaikan panduan ini, website akan memiliki halaman utama yang dapat ditampilkan melalui Hugo Development Server.
📋 Prerequisites¶
Pastikan Development Server telah berhasil dijalankan.
Apabila belum, ikuti panduan berikut.
Masuk ke direktori project.
▶️ Procedure¶
Create Home Page¶
Buat file berikut.
Tambahkan konten berikut. Contoh isi file.+++
title = "Home"
date = 2026-07-23T00:00:00+07:00
draft = false
+++
# Welcome
Selamat datang di Personal Site saya.
Website ini berisi artikel, dokumentasi project, dan pengalaman yang saya bagikan selama mempelajari berbagai teknologi.
Simpan perubahan.
Review Home Page¶
Apabila Development Server masih berjalan, browser akan memperbarui halaman secara otomatis.
Apabila Development Server belum dijalankan, jalankan perintah berikut.
Buka browser.
Home Page akan menampilkan konten yang baru dibuat.
✅ Verification¶
Pastikan file berikut berhasil dibuat.
Pastikan Home Page dapat diakses melalui browser.
Periksa bahwa halaman menampilkan judul dan isi yang telah ditambahkan.
Verification
Home Page berhasil dibuat dan dapat ditampilkan menggunakan Hugo Development Server.
💡 Engineering Notes¶
Hugo menggunakan file khusus bernama _index.md sebagai halaman utama pada sebuah section.
Untuk Home Page website, file tersebut berada pada direktori:
Apabila file ini tidak tersedia, Hugo akan menggunakan template bawaan dari theme yang digunakan.
Dengan membuat content/_index.md, Anda dapat menyesuaikan isi halaman utama tanpa perlu mengubah source code theme.