Blog Keren Pakai HEXO dengan biaya Rp 0 

Pengen blogging tapi kendala biaya ? ga pengen beli domain, beli hosting, dll ? Bisa pakai cara ini nih, cuma bayarannya harus mau baca dan usaha sedikit. Well ia lah harus, mana ada di dunia ini yang tulen gratis, pls sadar diri hey anda.

Soo namanya ini CMS HEXO, ini adalah blog framework yang cepat, simpel dan powerful, tidak bisa di hack atau ditembus orang yang ga jelas. Tapi perlu di ingat blog ini menggunakan system SSG, static site generator yang artinya site yang akan lu bangun itu sifat nya static bukan dynamic. Pengen tau apa bedanya sok atuh di google ae yah.

Cth blogger yang pakai HEXO nih bisa di lihat di sini : 
- https://leimao.github.io/  
- https://ehxu.github.io/

Apakah anda melihat di belakangnya ada github.io ? ya benar ini kita akan pakai github page untuk menyimpan file dan github akan menyediakan link nya melalui repository, bahasa mudah nya begitu lah ya kira-kira. Sejauh ini sih menurut gw ini tampilan nya menarik dan unik gitu, tapi karena berhubung gw juga belajar coding ga pernah bener jadi ya gitu dah.

Kalau mau coba nih ya, bahan-bahan yang perlu lu siapin tuh cuma 2 :
1. Internet
2. PC bebas yang penting bisa pakai terminal.
3. Akun github.
 

Langkah 1, Membuat akun Github

Untuk step 1 dan 2 gw anggap sudah ok lah ya, secara ini hal paling umum dan paling mudah. Kalau gitu kita lanjut ke step 3 aja, 

1. Masuk ke github.com dan mulai daftar buat akun baru.
2. Buat repository baru.
3. Di bagian Repository Name wajib pakai username akun lu sebagai repository barunya. cth, username github nya kaya punya gw, dokanux. Jadi repositorynya kasih nama dokanux.github.io
4. Set ke public
5. Terserah mau kasih readme atau ga.
6. Terakhir pilih create repository, bagian di sini sudah selesai dulu nih.

Langkah 2, Instalasi dan Deploy ke Github

1. Akses PC lu
2. Buka terminal, lalu jalankan command ini
3. npm install -g hexo-cli → install HEXO
4. hexo -v → cek apakah install berhasil atau tidak
5. hexo init dokanux.github.io → menarik data untuk membuat template HEXO
6. cd dokanux.github.io → masuk ke direktori HEXO yang barusan di create
7. npm install → install semua dependency, dibagian ini lumayan lama nih klo internet lu ga mumpuni, jadi sabar ya.
8. hexo server → deploy HEXO, untuk lihat tampilannya bisa akses di localhost lu port 4000, cth http://localhost:4000 ketik aja di browser.
9. Jika testing berhasil maka ini sudah setengah jalan ya, selanjut nya kita harus setting _config.yml
10. bebas mau setting pakai editor boleh, pakai nano, pakai VIM bisa. Senyaman nya aja.
11. Masukin detail website kaya tittle, description dll, ini bebas mau masukin apa aja sesuai yang lu mau.
12. Bagiain penting masukin URL isi pakai repo github yang sebelumnya sudah lu buat.

13. Cth : 

    url: http://dokanux.github.io/
    root: /
    permalink: :year/:month/:day/:title/
    permalink_defaults:

14. Lanjut pakai npm install hexo-deployer-git --save → buat install deployer ke GITHUB.
15. Edit lagi _config.yml lalu cari bagian #deployment

16. Cth : 

    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type: git
    repo: https://<token access>@github.com/dokanux/dokanux.github.io

17. jangan lupa pada bagian #URL untuk memasukkan link repo github yang sebelumnya, cth → http://dokanux.github.io
18. hexo generate --watch → set watch sebelum generate
19. hexo clean → untuk bersihin file nya agar siap di deploy
20. hexo deploy → untuk deploy ke github
21. selanjutnya buka dokanux.github.io di browser lu. Seharusnya website lu sudah muncul di situ.

Langkah 3, Aplikasi Thema.

1. Akses PC lu lagi dan ke bagian terminal. masih di folder yang sama ya.
2. cd dokanux.github.io
3. git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly → download thema nya.
4. npm i hexo-theme-butterfly → install thema nya
5. npm install hexo-renderer-pug hexo-renderer-stylus --save → install plugin nya
6. masuk ke _config.yml dan rubah thema nya seperti ini → theme : butterfly
7. di sarankan untuk membuat _config.butterfly.yml sendiri untuk pengaturan thema nya, jadi file HEXO asli _config.yml tidak ada di rubah atau bisa menyebabkan error.
8. Selanjutnya untuk edit apapun itu termasuk warna, navigasi, dan lainnya bisa rubah di _config.butterfly.yml
9. Dan voila blog HEXO mu sudah jadi.

Langkah 4, Buat postingan, halaman, menu dan lainnya.

Jujur untuk bagian ini gw masih agak rada pusing, tapi lu boleh coba sendiri, system postingan di HEXO menggunakan cara markdown. Artinya tidak ada dashboard admin ataupun editor yang akan muncul ketika lu mencoba menulis postingan terbaru. 

hexo new first-post biasanya di gunakan ketika ingin membuat postingan, silahkan cek bagian ini untuk dokumentasi nya : 
Hexo's Helper
https://hexo.io/docs/helpers.html

Dan biasanya perubahan apapun itu yang lu lakukan, wajib jalankan hexo clean dan hexo deploy agar perubahan itu di upload ke github dan muncul di website lu. Perlu pembelajaran yang lebih memang, tapi hey ini gratis. Jadi bayar pakai usaha ya. Semoga beruntung deh, gw mau liat liat dulu ini gimana cara maksimalin blog HEXO, karena lumayan pakai github.io kalau bisa di backlink kan. Dan jangan malas baca ! gunakan AI jika memang kebingungan, ada banyak fasilitas untuk bisa sekarang ini, tinggal lu nya aja gimana cara manfaatinya.