Symetric

Tempat belajar SEO (Search Engine Optimization), Web Design, Web Development, dan Internet Marketing. Begabunglah dengan komunitas Developer Indonesia.

Cara Mudah Membuat Website Dengan Hugo


Sebelum kita memulai pada tahap pembuatan website dengan Hugo, Ada hal yang harus dipersiapkan terlebih dahulu.

Yuk siapin dulu ramuannya ah...
Setelah persiapan selesai terpasang pada komputer Anda, Ikuti langkah-langkah berikut:

Buka aplikasi command prompt (klik-kanan pada tombol Windows > command prompt)  atau Anda juga dapat membuka aplikasi tersebut dengan cara menekan tombol Windows + R > ketik cmd.exe > Enter. Jika Anda ingin menggunakan Git Bash, Anda cukup membuka aplikasinya secara manual saja.

  • Anda perlu membuat folder baru yang dikhususkan untuk situs Hugo dengan perintah


$ mkdir situshugo


  • Folder untuk situs hugo telah selesai, masuk ke folder tersebut dengan perintah



$ cd /situshugo

  • Setelah berada di folder situshugo, Anda harus mendapati ujung direktori seperti ini:

$ C:\Users\namapc\situshugo

  • Jika sudah sama, maka sekarang saatnya membuat situs hugo dengan perintah,

$ hugo new site judulsitus

  • Sekarang Anda telah memiliki situs yang di generate oleh hugo, lalu masuk ke folder situs baru dengan perintah,

$ cd judulsitus

Sekarang Anda sedang berada pada direktori situs hugo yang siap untuk dibangun

  • Install Themes

$ cd themes
$ git clone https://github.com/spf13/hyde.git

Jadikan hyde sebagai template default dengan cara menulis
theme = "hyde" pada config.toml 

  • Buat postingan pertama,

$ hugo new post/welcome.md

Ubah "true" menjadi "false" di bagian draft pada file welcome.md.

  • Sekarang, jalankan local server

$ hugo server

Lalu buka localhost:1313 pada browser Anda

Jika Anda ingin menggunakan theme lain, silahkan memilihnya di Themes Hugo.

Jalankan $ hugo build untuk menghasilkan situs static yang dapat di upload/push ke repository Github untuk dijadikan situs hugo yang di hosting dengan Github Pages.

Semoga bermanfaat, dan Wassalam.

0 komentar:

Post a Comment