Hugo - CLI Cheatsheet 🐧 🇮🇩

Search…

Introduction

Chocolatey

Firebase

Hugo

Hugo adalah sebuah static site generator yang menggunakan Golang sebagai bahasa pemrograman.

Instalasi
Unduh versi terbaru Hugo dengan cara berikut.
1
curl -s https://api.github.com/repos/gohugoio/hugo/releases/latest \
2
 | grep  browser_download_url \
3
 | grep Linux-64bit.deb \
4
 | grep -v extended \
5
 | cut -d '"' -f 4 \
6
 | wget -i -
Copied!
Kemudian jalankan perintah dibawah ini, untuk melakukan instalasi.
1
sudo dpkg -i hugo*_Linux-64bit.deb
Copied!
Konfirmasi apakah Hugo sudah terpasang lewat perintah ini.
1
hugo version
Copied!
Hugo Extended
Unduh versi terbaru Hugo Extended dengan cara berikut.
1
curl -s https://api.github.com/repos/gohugoio/hugo/releases/latest \
2
 | grep  browser_download_url \
3
 | grep Linux-64bit.deb \
4
 | grep extended \
5
 | cut -d '"' -f 4 \
6
 | wget -i -
Copied!
Kemudian jalankan perintah dibawah ini, untuk melakukan instalasi.
1
sudo dpkg -i hugo*_Linux-64bit.deb
Copied!
Konfirmasi apakah Hugo sudah terpasang lewat perintah ini.
1
hugo version
Copied!
Perintah Umum
 Untuk bantuan ketik hugo help.
Local server
1
hugo server
Copied!
Membuat site baru
1
hugo new site <PROJECT_NAME>
2
hugo build
Copied!
Membuat konten baru
1
hugo new <PATH>/index.md
Copied!
Install theme baru
 Menyalin atau git clone sebuah theme pada folder namaproject/themes.
Install dari Git
1
cd mynewsite
2
cd themes
3
git clone <ALAMAT_GIT_REPO_THEME>
Copied!
Install dari file .zip
 Ekstrak semua file yang ada di file .zip yg diunduh, ke dalam folder themes. Struktur folder nya akan jadi seperti ini mynewsite/themes/nama-theme-yg-diunduh
Deployment
Persiapan
1. Pastikan publishDir = "public" di file config.toml dengan contoh sebagai berikut.
1
baseURL = "/"
2
themesDir = "themes"
3
publishDir = "public"
Copied!
2. Jalankan hugo
Eksekusi kembali poin 2, tiap kali ada perubahan pada kode.
Firebase
1. Pastikan "public": "public" di file firebase.json sudah sama dengan publishDir di file config.toml.
2.Login dengan firebase login
3.Aktifkan dengan firebase init
4.Edit file firebase.json sesuai panduan. Cek disini.
5.Akhiri dengan firebase deploy --only hosting:<nama_app>
Untuk re-deploy saat ada perubahan pada kode, jalankan perintah,
Lewat PowerShell
1
hugo; firebase deploy --only hosting:<nama_app>
Copied!
Lewat *nix terminal
1
hugo && firebase deploy --only hosting:<nama_app>
Copied!
Netlify
1.Buat file netlify.toml pada root dan salin kode berikut.
1
 [build]
2
 publish = "public"
3
 command = "hugo --gc --minify"
4
​
5
 [context.production.environment]
6
 HUGO_VERSION = "0.63.2"
7
 HUGO_ENV = "production"
8
 HUGO_ENABLEGITINFO = "true"
9
​
10
 [context.split1]
11
 command = "hugo --gc --minify --enableGitInfo"
12
​
13
 [context.split1.environment]
14
 HUGO_VERSION = "0.63.2"
15
 HUGO_ENV = "production"
16
​
17
 #[context.deploy-preview]
18
 #command = "hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL"
19
​
20
 [context.deploy-preview.environment]
21
 HUGO_VERSION = "0.63.2"
22
​
23
 [context.branch-deploy]
24
 command = "hugo --gc --minify -b $DEPLOY_PRIME_URL"
25
​
26
 [context.branch-deploy.environment]
27
 HUGO_VERSION = "0.63.2"
28
​
29
 [context.next.environment]
30
 HUGO_ENABLEGITINFO = "true"
Copied!
2.Pastikan nilai HUGO_VERSION sudah sama dengan versi Hugo yang terpasang. Cek dengan perintah hugo version lewat terminal.
3.Kemudian pastikan juga nilai publish = "public" di file netlify.toml sudah sama dengan publishDir di file config.toml.
4.Buat site baru dengan cara deploy manual, baca panduan disini.
5.Pada langkah Your build command (hugo build/yarn run build/etc): ketikkan hugo --gc --minify atau cukup dengan hugo deploy.
6.Ikuti langkah selanjutnya.
 Untuk mengupdate otomatis, jalankan git push -u origin master tiap kali ada perubahan pada kode.