- Setelah menulis artikel secara lokal dengan Obsidian, blog pribadi dapat diterbitkan dengan cepat dan gratis menggunakan kombinasi Hugo + tema Bear Blog + Cloudflare Pages
- Manajemen versi melalui GitHub dan deployment otomatis membuat pengelolaan jadi praktis. Cukup tulis, simpan, dan commit, maka publikasi langsung selesai
- Pengaturan awal memerlukan sedikit pengetahuan pengembangan, tetapi setelah itu workflow menjadi sangat sederhana
- Cocok bagi orang yang mencari cara ngeblog yang ringan dan berkelanjutan
Konfigurasi detail
- Menggunakan Obsidian untuk menulis semua artikel
- Karena menggunakan penyimpanan file lokal, semua data sepenuhnya dimiliki sendiri
- Tema Minimal memberikan antarmuka yang rapi dan bebas gangguan
- Sinkronisasi tanpa batas antarberbagai perangkat dimungkinkan melalui iCloud (Dropbox dan Google Drive juga bisa digunakan)
- Untuk publishing
- Hugo: generator situs statis super cepat
- Tema Bear Blog: tema blog yang minimalis dan cepat
- GitHub + Cloudflare Pages: memungkinkan deployment website secara gratis
- Kelebihan: tanpa biaya langganan, tanpa vendor lock-in, tanpa risiko perubahan kebijakan platform
Pengaturan sistem
- Setelah memasang Hugo, buat situs baru
hugo new site myblog
cd myblog
- Tambahkan tema Bear Blog
git init
git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog
- Atur file
config.toml agar menggunakan tema Bear Blog
theme = 'hugo-bearblog'
- Hubungkan Obsidian dengan Hugo
- Tulis artikel di folder
content/blog milik Hugo
- Di Obsidian, gunakan fitur "Open folder as vault" untuk menghubungkan folder tersebut
- Dengan begitu, artikel yang ditulis di Obsidian akan langsung terhubung sebagai post di situs Hugo
- Tambahkan template Front Matter untuk Hugo di bagian atas artikel yang ditulis di Obsidian
+++
title= "Your Post Title"
date= YYYY-MM-DD
tags= ["post"]
draft= true
+++
- Saat siap dipublikasikan, ubah nilai
draft menjadi false
- Gunakan fitur server lokal Hugo untuk mempratinjau artikel di browser
hugo server -D
- Buat repositori GitHub baru lalu hubungkan proyek lokal
git remote add origin https://github.com/yourusername/yourblog.git
git add .
git commit -m "Initial commit"
git push -u origin main
- Setelah mendaftar ke Cloudflare, buat proyek Pages
- Hubungkan repositori GitHub lalu terapkan pengaturan build berikut
- Perintah build:
hugo --minify
- Direktori output:
public
Workflow publishing
- Tulis post di Obsidian
- Ubah
draft: true menjadi draft: false pada template Front Matter
- Commit dan push ke GitHub
git add . git commit -m "Publish new post" git push
- Cloudflare Pages akan otomatis mendeteksi perubahan dan membangun ulang situs, lalu menerapkannya dalam 1–2 menit
11 komentar
Saya juga menjalankan blog Hugo.
Setelah menulis di Obsidian, saya menggunakan metode hosting di Cloudflare Pages yang dipicu oleh push ke repository GitHub.
Lalu saya menambahkan layanan pencarian Algolia, dan setiap kali menulis artikel baru, saya membuat satu file
shuntuk indexing, lalu memasukkan semua perintah terkait sepertigit, indexing, dan lainnya ke dalamnya, kemudian menerbitkan artikel dengan menjalankan perintahsh.Saya terutama menggunakan Obsidian karena seru sesekali mengelompokkan tulisan-tulisan yang sudah saya buat lalu melihatnya lewat Graph View.
Saya juga sempat melakukannya dengan cara yang mirip, tetapi sekarang saya menulis langsung di repositori github.com. (memanfaatkan fitur github pages yang secara otomatis membangun jekyll)
https://plan9.kr/
Wah, apakah Anda orang yang membuat Text Battle?
Dulu saya pernah melihatnya di komunitas dan memainkannya dengan seru wkwk, senang bertemu dengan Anda
Saya juga senang melihat ada yang membuat blog dengan Hugo!
Saya sempat mempertimbangkan memakai Obsidian sebagai editor utama, tetapi kalau berada di lingkungan yang ada komputernya, sepertinya VSCode lebih baik.
Karena perubahan bisa diterapkan dalam hitungan milidetik, saya jadi tidak terlalu merasa perlu memakai Obsidian.
Saya tidak mengerti alasan menghubungkan Hugo dan Obsidian.
Jika pengguna Hugo, menurut saya VSCode terasa lebih natural.
Ini benar-benar menarik.
Plugin digital garden juga praktis.
Terima kasih sudah berbagi. Saya baru mulai menggunakan Obsidian, jadi sepertinya saya juga harus mencoba memakainya bersama-sama.
Terima kasih atas informasinya. Saya belakangan ini cukup sering menggunakan Obsidian, dan sepertinya kombinasi ini sangat cocok untuk saya.
Kebetulan beberapa hari lalu saya baru membuat blog dengan Hugo, jadi rasanya senang sekali melihat topik ini.
Saya sendiri mengaturnya agar saat push langsung ter-deploy ke GitHub Pages, dan memakainya seperti itu.
Saya juga sangat suka Obsidian, tetapi saya juga merekomendasikan penggunaan ekstensi bernama
Front Matterdi VSCode.Ekstensi itu menyediakan fungsi CMS sederhana; memang tidak sepenuhnya sempurna, tetapi lumayan bagus.
Komentar Hacker News