Apa Itu Hugo dan Bagaimana Cara Kerjanya?

Jika Anda berencana membuat situs web sederhana yang digerakkan oleh konten, Anda mungkin tidak ingin menghabiskan terlalu banyak waktu untuk mengkodekannya. Ini mungkin terjadi jika Anda membuat situs bisnis, blog, atau portofolio pribadi.

Generator situs statis menargetkan skenario semacam ini. Mereka memungkinkan Anda membuat situs web yang memungkinkan Anda fokus pada konten dan desainnya.

Hugo adalah salah satu contoh generator situs statis. Ini memiliki dukungan untuk tema, authoring di Markdown, dan manfaat lainnya selain itu.

Apa Itu Hugo?

Hugo adalah generator situs statis yang memungkinkan Anda membuat situs web dengan sedikit atau tanpa kode. Generator situs statis biasanya memungkinkan Anda untuk menulis konten Anda dalam format a bahasa markup sederhana, seperti penurunan harga.

Generator situs statis kemudian mengubah konten Anda menjadi file HTML statis. Ini menerapkan template atau gaya apa pun ke halaman Anda sebelum menyajikannya kepada pengguna.

Dengan menggunakan Hugo, Anda dapat memilih dari perpustakaan tema dan desain situs yang telah dibuat oleh orang lain. Setelah Anda mengunduh tema, Anda dapat mulai menulis konten Anda. Hugo menerima format berbeda untuk Anda menulis konten.

Apa Itu Tema Hugo?

Anda dapat mengunjungi daftar Tema Hugo untuk menemukan satu untuk memulai. Anda juga dapat memilih tema berdasarkan kategori yang berbeda, dan memfilter desain yang dibuat khusus untuk blog, portofolio, dan lainnya.

Anda dapat mengklik tema untuk melihat informasi lebih lanjut. Di sini, Anda dapat mengunduh tema untuk mulai mengerjakannya. Anda juga dapat melihat pratinjau seperti apa tampilan tema setelah Anda menerapkannya.

Sebagian besar tema akan memiliki data dummy sebagai placeholder. Saat Anda memodifikasi tema, Anda dapat mengubah detail ini sesuka Anda.

Apa Struktur Situs Hugo?

Menggunakan tema memungkinkan Anda untuk menambahkan konten Anda dengan sedikit atau tanpa perubahan pada kode. Namun, Anda masih dapat menyelami kode tersebut jika ingin membuat perubahan pada strukturnya. Hugo menggunakan template Go untuk menggunakan variabel dan placeholder di dalam file HTML Anda.

Membuat proyek Hugo di komputer Anda akan secara otomatis menghasilkan file default yang diperlukan untuk proyek tersebut.

Komponen utama dari proyek ini meliputi:

• arketipe: Di sinilah Anda dapat menyimpan template yang dapat menentukan format apa pun atau data tambahan untuk setiap halaman. Saat Anda membuat halaman baru, itu akan didasarkan pada template.
• aktiva: Di sinilah Anda dapat menyimpan aset apa pun, seperti file style sheet CSS Anda.
• isi: Di sinilah Anda dapat menyimpan konten untuk situs web Anda. Anda dapat menyimpan setiap halaman dalam file terpisah. Misalnya, jika Anda membuat blog, Anda akan menggunakan file penurunan harga untuk setiap posting.
• tata letak: Di sini Anda dapat menyimpan potongan kode HTML pendek yang dapat digunakan kembali, yang disebut kode pendek. Anda dapat menggunakan ini dalam file konten Anda.
• publik: Ini berisi file dan folder yang dapat Anda unggah dan gunakan di server web saat menghosting situs Anda.
• tema: Tema apa pun yang Anda unduh dari Hugo akan muncul di sini.

Apa Manfaat Menggunakan Hugo?

Karena Hugo cukup ringan dan menghasilkan halaman web statis, situs web akhir Anda dan kontennya dapat dimuat dengan sangat cepat. Ini berarti pengguna akan memiliki sedikit waktu tunggu saat menjelajahi situs Anda.

Semua konten statis dan tidak berubah setelah pengguna melihat halaman. Oleh karena itu, Anda tidak perlu khawatir tentang permintaan konstan ke server. Anda juga tidak perlu khawatir tentang database, atau akuntansi untuk data dinamis.

Dan Anda tidak memerlukan keahlian pemrograman tingkat lanjut untuk dapat bekerja dengan situs Hugo. Namun, karena Anda memiliki akses langsung ke kode, Anda dapat sepenuhnya menyesuaikannya seperti yang Anda inginkan jika Anda memilih untuk melakukannya.

Menggunakan Generator Situs Statis untuk Membuat Situs Web

Hugo adalah generator situs statis luar biasa yang mengubah konten Anda menjadi file HTML biasa. Anda dapat menggunakan berbagai macam tema dan dengan mudah melihat pratinjau situs Anda selama proses desain.

Hugo menyediakan komponen yang dapat digunakan kembali dan struktur file standar yang nyaman, di antara manfaat lainnya. Tapi Hugo hanyalah salah satu pilihan. Anda harus terus meneliti generator situs statis lain yang dapat Anda gunakan untuk membangun situs web.

11 Generator Situs Statis Sumber Terbuka yang Dapat Anda Gunakan untuk Membangun Situs Web Anda

Baca Selanjutnya

Tentang Penulis