Hugo¶
Hugo adalah Static Site Generator (SSG) yang digunakan untuk membangun website statis dengan cepat dan efisien. Hugo ditulis menggunakan bahasa pemrograman Go dan dikenal karena proses build yang sangat cepat, sehingga cocok digunakan untuk dokumentasi, blog, personal website, maupun website perusahaan.
Pada dokumentasi ini, Hugo digunakan sebagai platform untuk membangun Personal Site yang nantinya akan dipublikasikan sebagai website statis.
🚀 Get Started¶
Panduan ini dirancang untuk membantu Anda mempelajari Hugo mulai dari proses instalasi hingga proses deployment website.
Seluruh panduan disusun secara bertahap sehingga dapat diikuti oleh pengguna yang baru mengenal Hugo maupun yang ingin membangun website statis dengan pendekatan yang terstruktur.
✨ Features¶
Hugo menyediakan berbagai fitur yang mempermudah proses pembangunan website statis, di antaranya:
- Build website dengan performa tinggi.
- Mendukung Markdown sebagai format penulisan konten.
- Memiliki sistem Theme yang mudah dikustomisasi.
- Mendukung struktur konten yang fleksibel.
- Mendukung pengelolaan menu dan navigasi.
- Mendukung Taxonomies seperti Tags dan Categories.
- Menghasilkan static website tanpa memerlukan database.
- Mudah diintegrasikan dengan Git dan GitHub.
📚 Learning Path¶
Dokumentasi ini dibagi menjadi beberapa panduan agar proses pembelajaran dapat dilakukan secara bertahap.
| Step | Document | Description |
|---|---|---|
| 1 | Install Hugo | Menginstal Hugo Extended pada workstation. |
| 2 | Create Hugo Project | Membuat project Hugo baru. |
| 3 | Project Structure | Memahami struktur direktori project Hugo. |
| 4 | Install Theme | Menambahkan theme ke dalam project. |
| 5 | Run Development Server | Menjalankan website pada environment lokal. |
| 6 | Create Home Page | Membuat halaman utama website. |
| 7 | Create Content | Membuat halaman dan artikel baru. |
| 8 | Build Website | Menghasilkan static website. |
| 9 | Deploy Static Website | Mempublikasikan website ke web server. |
| 10 | Update Theme | Memperbarui Hugo Theme. |
| 11 | Troubleshooting | Menyelesaikan permasalahan umum pada Hugo. |
📋 Prerequisites¶
Sebelum memulai, pastikan Anda telah memiliki:
- Linux Workstation
- Git
- Visual Studio Code atau editor teks lainnya
- Podman
- NGINX Image
- Koneksi Internet untuk mengunduh Hugo dan Hugo Theme
🎯 What You Will Learn¶
Setelah menyelesaikan seluruh panduan ini, Anda akan mampu:
- Menginstal Hugo Extended.
- Membuat project Hugo baru.
- Memahami struktur project Hugo.
- Menginstal dan mengelola Hugo Theme.
- Membuat halaman dan artikel.
- Menjalankan Development Server.
- Membangun static website.
- Mempublikasikan static website menggunakan NGINX Image.
🔗 Next Step¶
Lanjutkan ke panduan berikutnya:
➡️ Install Hugo