Apa itu Look Scanned?

Look Scanned adalah web app ringan yang bikin dokumen PDF kamu terlihat seperti hasil scan. Dibuat dengan fokus ke privasi, aplikasi ini membantu developer, desainer, dan user bikin PDF yang kelihatan seperti hasil scan tanpa perlu printer atau scanner beneran.

Kenapa Pilih Hugo?

Setelah nyoba beberapa static site generator buat blog Look Scanned, akhirnya kita pilih Hugo karena:

  1. Super Cepat - Dibuat pakai Go, buildnya kilat
  2. Gampang - Setup simpel, cepet dipahami
  3. Tema Banyak - Banyak tema keren yang bisa dimodif
  4. Komunitas Oke - Support cepet, docs lengkap
  5. Support Multi Bahasa - Udah ada fitur i18n

Getting Started

Install Hugo

Di macOS (lewat Homebrew):

brew install hugo

Di Windows (lewat Chocolatey):

choco install hugo-extended

Pengguna Linux bisa cek cara install di sini.

Bikin Project

Jalanin command ini:

hugo new site lookscanned-blog
cd lookscanned-blog

Pasang Theme

Tambahin PaperMod sebagai Git submodule:

git init
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod

Masukin ke config.toml:

theme = "PaperMod"

Setting Bahasa

Edit config.toml:

defaultContentLanguage = 'en'
defaultContentLanguageInSubdir = false

[params]
  displayFullLangName = true

[languages]
  [languages.en]
    languageCode = 'en'
    languageName = 'English'
    title = 'Look Scanned Blog'
  [languages.zh]
    languageName = '简体中文'
    title = 'Look Scanned 博客'
  [languages.zh-tw]
    languageCode = 'zh-TW'
    languageName = '繁體中文'
    title = 'Look Scanned 部落格'
  # Bahasa lain...

Bikin Konten

Buat post pertama:

hugo new posts/build-blog-using-hugo/index.id.md

Dev Server

Jalanin server lokal:

hugo server -D

Buka web di http://localhost:1313.

Deploy

Auto-deploy pake GitHub Actions:

  1. Deploy ke GitHub Pages

    • Bikin repo baru di GitHub
    • Push code
    • Nyalain GitHub Pages
    • Setting auto-deploy

  2. Deploy ke Cloudflare Pages

    • Connect repo GitHub
    • Set hugo jadi build command
    • Pilih folder public buat output

Kustomisasi

Buat UX yang lebih enak, kita udah hapus language switcher dari header. Cek perubahan themenya di sini.

Kesimpulan

Hugo itu tools keren buat bikin blog pribadi. Karena cepet, fleksibel, dan docs-nya bagus, cocok buat developer level berapapun. Makin sering dipake, makin banyak trik yang bisa dipelajari buat bikin blog yang unik.