English | Indonesian | 简体中文 | 日本語
Blowfish dirancang sebagai tema yang kuat dan ringan untuk Hugo. Tema ini dibuat menggunakan Tailwind CSS dengan desain yang bersih dan minimalis, yang mengutamakan konten Anda.
🌏 Situs demo
📑 Dokumentasi tema
💎 Toko Merch
🐛 Laporan bug & masalah
💡 Pertanyaan & permintaan fitur
- Tata letak responsif sepenuhnya dengan Tailwind CSS 3.0
- Beragam skema warna (atau sesuaikan sendiri)
- Mode gelap (paksa aktif/nonaktif atau otomatis dengan pengaturan pengguna)
- Konfigurasi yang sangat dapat disesuaikan
- Integrasi Firebase untuk mendukung data dinamis
- Penghitung tampilan & mekanisme suka
- Artikel terkait
- Beragam tata letak halaman utama
- Dukungan untuk banyak penulis
- Seri artikel
- Penyortiran artikel berdasarkan tanggal dan bobot
- Mode Zen untuk membaca artikel
- Fleksibel dengan berbagai jenis konten, taksonomi, dan menu
- Menu header dan footer
- Menu bersarang & sub-menu navigasi
- Daftar isi yang dapat digulir
- Dukungan untuk konten multibahasa termasuk bahasa RTL
- Kemampuan untuk menautkan ke artikel di situs web pihak ketiga
- Dukungan untuk beberapa shortcode seperti Galeri, Timeline, Kartu GitHub, dan Carousel
- Integrasi BuyMeACoffee
- Pencarian situs berbasis klien dengan Fuse.js
- Diagram dan visualisasi menggunakan Mermaid
- Grafik menggunakan Chart.js
- Integrasi TypeIt
- Sematan YouTube dengan peningkatan kinerja
- Notasi matematika menggunakan KaTeX
- Ikon SVG dari FontAwesome 6
- Pengubahan ukuran gambar otomatis menggunakan Hugo Pipes
- Anchor heading, daftar isi, salin kode, tombol, lencana, dan lainnya
- Dukungan HTML dan emoji dalam artikel 🎉
- SEO-friendly dengan tautan berbagi ke media sosial
- Dukungan untuk Fathom Analytics dan Google Analytics
- Dukungan RSS feed, favicon, dan komentar
- Kustomisasi tingkat lanjut dengan definisi warna dan gaya Tailwind yang sederhana
- Dioptimalkan untuk kinerja dan aksesibilitas dengan skor Lighthouse sempurna
- Dokumentasi lengkap dengan pembaruan rutin
Blowfish memiliki dokumentasi lengkap yang mencakup semua aspek tema. Pastikan untuk membaca dokumentasi guna mempelajari cara menggunakan tema dan fiturnya.
Blowfish mendukung beberapa metode instalasi - sebagai submodul git, Modul Hugo, atau instalasi manual sepenuhnya.
Instruksi terperinci untuk setiap metode dapat ditemukan dalam dokumentasi instalasi.
Catatan: Pastikan Anda sudah menginstal Node.js, Git, Go, dan Hugo, serta telah membuat proyek Hugo sebelum melanjutkan.
Kami baru saja meluncurkan alat CLI baru untuk membantu Anda memulai dengan Blowfish. Ini akan membuat proyek Hugo baru, menginstal tema, dan mengatur file konfigurasi tema untuk Anda.
Instal alat CLI secara global menggunakan npm (atau manajer paket lainnya):
npm i -g blowfish-toolsKemudian jalankan perintah berikut untuk memulai interaksi yang akan memandu Anda melalui proses pembuatan dan konfigurasi:
blowfish-toolsUntuk membuat proyek Hugo baru dan menginstal tema sekaligus, gunakan:
blowfish-tools new mynewsiteCatatan: Pastikan Anda sudah menginstal Git, Go, dan Hugo, serta telah membuat proyek Hugo sebelum melanjutkan.
-
Dari direktori proyek Anda, inisialisasi git:
git init
-
Konfigurasikan Blowfish sebagai submodul git:
git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
-
Hapus file
config.tomldi root proyek dan salin file*.tomldari tema ke dalam folderconfig/_default/. -
Ikuti petunjuk Memulai untuk mengonfigurasi situs web Anda.
Untuk memperbarui tema ke rilis terbaru, cukup jalankan perintah berikut di direktori proyek Anda:
hugo mod get -uInstruksi pembaruan selengkapnya tersedia dalam dokumentasi instalasi.
Blowfish akan terus berkembang seiring waktu. Jika Anda memiliki ide atau ingin melaporkan bug, silakan hubungi kami:
- 🐛 Laporan bug & masalah: Gunakan GitHub Issues
- 💡 Ide fitur baru: Buat diskusi di GitHub Discussions
- 🙋♀️ Pertanyaan umum: Kunjungi GitHub Discussions
Jika Anda bisa memperbaiki bug atau menambahkan fitur baru, kontribusi dalam bentuk PR sangat dihargai. Pelajari lebih lanjut dalam panduan kontribusi.
