Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Cara instalasi HUGO dan perintah dasar penggunaan
Erol Joudy
Erol Joudy

Posted on • Edited on • Originally published atblog.erol.dev

     

Cara instalasi HUGO dan perintah dasar penggunaan

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

Instalasi

Unduh versi terbaru Hugo dengan cara berikut.

Untuk Ubuntu/Debian

curl-s https://api.github.com/repos/gohugoio/hugo/releases/latest\ |grepbrowser_download_url\ |grepLinux-64bit.deb\ |grep-v extended\ |cut-d'"'-f 4\ | wget-i -
Enter fullscreen modeExit fullscreen mode

Kemudian jalankan perintah dibawah ini, untuk melakukan instalasi.

sudodpkg-i hugo*_Linux-64bit.deb
Enter fullscreen modeExit fullscreen mode

Konfirmasi apakah Hugo sudah terpasang lewat perintah ini.

hugo version
Enter fullscreen modeExit fullscreen mode

Hugo Extended

Unduh versi terbaru Hugo Extended dengan cara berikut.

Untuk Ubuntu/Debian

curl-s https://api.github.com/repos/gohugoio/hugo/releases/latest\ |grepbrowser_download_url\ |grepLinux-64bit.deb\ |grepextended\ |cut-d'"'-f 4\ | wget-i -
Enter fullscreen modeExit fullscreen mode

Kemudian jalankan perintah dibawah ini, untuk melakukan instalasi.

sudodpkg-i hugo*_Linux-64bit.deb
Enter fullscreen modeExit fullscreen mode

Konfirmasi apakah Hugo sudah terpasang lewat perintah ini.

hugo version
Enter fullscreen modeExit fullscreen mode

Perintah Umum

Untuk bantuan ketikhugo help.

Local server

hugo server
Enter fullscreen modeExit fullscreen mode

Membuat site baru

GantiPROJECT_NAME dengan nama project atau nama website. Jalankan perintah dibawah secara berurutan.

hugo new site PROJECT_NAME
Enter fullscreen modeExit fullscreen mode
hugo build
Enter fullscreen modeExit fullscreen mode

Membuat konten baru

hugo new <PATH>/index.md
Enter fullscreen modeExit fullscreen mode

Install theme baru

Menyalin ataugit clone sebuah theme pada foldernamaproject/themes.

Install dari Git

cdmynewsitecdthemesgit clone <ALAMAT_GIT_REPO_THEME>
Enter fullscreen modeExit fullscreen mode

Install dari file .zip

Ekstrak semua file yang ada di file .zip yg diunduh, ke dalam folderthemes. Struktur folder nya akan jadi seperti inimynewsite/themes/nama-theme-yg-diunduh


Deployment

Persiapan

  1. PastikanpublishDir = "public" di fileconfig.toml dengan contoh sebagai berikut.
baseURL="/"themesDir="themes"publishDir="public"
Enter fullscreen modeExit fullscreen mode
  1. Jalankanhugo

Eksekusi kembali poin 2, tiap kali ada perubahan pada kode.


Firebase

  1. Pastikan"public": "public" di filefirebase.json sudah sama denganpublishDir di fileconfig.toml.
  2. Login denganfirebase login
  3. Aktifkan denganfirebase init
  4. Edit filefirebase.json dan tambahkan baris berikut.
."hosting":{"site":"nama_project",.}
Enter fullscreen modeExit fullscreen mode
  1. Akhiri denganfirebase deploy --only hosting:nama_project

Untuk re-deploy saat ada perubahan pada kode, jalankan perintah,

Lewat PowerShell

hugo; firebase deploy--only hosting:nama_project
Enter fullscreen modeExit fullscreen mode

Lewat *nix terminal

hugo&& firebase deploy--only hosting:nama_project
Enter fullscreen modeExit fullscreen mode

Netlify

  1. Buat filenetlify.toml pada root dan salin kode berikut.
[build]publish="public"command="hugo --gc --minify"[context.production.environment]HUGO_VERSION="0.63.2"HUGO_ENV="production"HUGO_ENABLEGITINFO="true"[context.split1]command="hugo --gc --minify --enableGitInfo"[context.split1.environment]HUGO_VERSION="0.63.2"HUGO_ENV="production"#[context.deploy-preview]#command = "hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL"[context.deploy-preview.environment]HUGO_VERSION="0.63.2"[context.branch-deploy]command="hugo --gc --minify -b $DEPLOY_PRIME_URL"[context.branch-deploy.environment]HUGO_VERSION="0.63.2"[context.next.environment]HUGO_ENABLEGITINFO="true"
Enter fullscreen modeExit fullscreen mode
  1. Pastikan nilaiHUGO_VERSION sudah sama dengan versi Hugo yang terpasang. Cek dengan perintahhugo version lewat terminal.
  2. Kemudian pastikan juga nilaipublish = "public" di filenetlify.toml sudah sama denganpublishDir di fileconfig.toml.
  3. Buat site baru dengan cara deploy manual, jalankan perintah berikut.
netlify sites:create--manual--with-ci
Enter fullscreen modeExit fullscreen mode
  1. Pada langkahYour build command (hugo build/yarn run build/etc): ketikkanhugo --gc --minify atau cukup denganhugo deploy.
  2. Ikuti langkah selanjutnya.

Untuk mengupdate otomatis, jalankangit push -u origin master tiap kali ada perubahan pada kode.

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

DevOps Engineer @sulutprovgoid • Android & Web Developer @kawanua • Somehow turning coffee into code since "who knows when" 👨‍💻☕️
  • Location
    Indonesia
  • Education
    freeCodeCamp
  • Work
    Lead Web Developer at Ertomedia
  • Joined

More fromErol Joudy

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp