Membuat Blog Dengan Hexo

2018-12-22 tutorial

Disini saya mau membahas tentang bagaimana sih membuat blog dengan Hexo, untuk penjelasan lebih lanjut tentang Hexo tidak akan saya tulis disini, jadi silahkan baca sendiri ya. Dokumentasi tentang Hexo bisa dibaca disini. Jika ada masalah saat menggunakan Hexo bisa dibaca disini. Langsung aja kita mulai. Oiya, pastikan di sistem kita sudah terinstall NodeJS dan npm, cara installnya bisa dibaca disini untuk NodeJS dan disini untuk npm.

Tutorialnya

Install Hexo dan Inisialisasi Blog

Kita install Hexo di sistem kita dengan perintah ini.

1	$ sudo npm install hexo-cli -g

lalu buat folder yang akan kita jadikan repository lokal blog kita.

1	$ hexo init namablog

namablog itu bisa kalian ganti sesuai keinginan, selanjutnya masuk ke direktori blog kalian.

1 2	$ cd namablog $ npm install

selamat kalian sudah berhasil membuat blog kalian dengan Hexo, lanjut ke tahap selanjutnya.

Menambah Tema

Kita pasti ingin dong tampilan blog kita bagus, oleh karena itu kita perlu menambahkan tema pada blog kita, Hexo sendiri sudah menyediakan tema untuk blog kita, jadi kita tidak perlu membuat tampilan sendiri dengan HTML dan CSS, semua tema itu bisa kita akses disini. Lalu clone tema dengan perintah.

1	$ git clone https://github.com/namaTema themes/namaTema

selain dengan perintah clone bisa juga diunduh dan di ekstrak ke dalam direktori themes, jangan lupa membaca dokumentasi dari setiap tema karena pengaturan tiap tema berbeda-beda.

Membuat Postingan

Untuk membuat postingan kalian bisa menggunakan perintah ini.

1	$ hexo new "judul postingan"

secara otomatis, Hexo akan membuat file “judul postingan.md” pada direktori source/_post. Lalu jika kita ingin membuat sebuah draft atau halaman khusus untuk blog kita, kita bisa menggunakan perintah.

1	$ hexo new draft "judul draft"

atau

1	$ hexo new page "judul halaman"

penjelasan lainnya tentang membuat postingan bisa kalian baca disini.

Menjalankan Server

Dengan Hexo, kita dapat melihat preview blog kita sebelum diluncurkan atau kita deploy ke GitHub dengan menggunakan perintah ini.
$ hexo server atau $ hexo server --draft untuk melihat preview blog kita beserta file yang masih menjadi draft. Perintah ini akan membuka tautan http://localhost:4000/ dan kita dapat membukanya melalui browser kesayangan.

Generate dan Deploy

Langkah terakhir yaitu generate dan deploy, perintah ini akan mempublish tulisan kita ke repo GitHub agar dapat ditampilkan seperti blog pada umumnya, tapi sebelum itu kita install dahulu plugin hexo-deployer-plugin agar mempermudah proses deploy, caranya cukup jalankan perintah ini $ npm install hexo-deployer-git --save . Jika sudah, kita edit berkas _config.yml dan tambahkan data ini di dalamnya.

deploy:
  type: git
  repo: https://github.com/username/username.github.io
  branch: master
  message: "{{ now('YYYY-MM-DD HH:mm:ss') }} "

lalu kalian bisa menjalankan perintah generate dan deploy

1 2	$ hexo generate $ hexo deploy

Informasi lainnya bisa kalian baca disini Deployment dan disini Generate.

Selamat, blog kita sudah tayang dan dapat diakses oleh semua orang!
Terima kasih kepada para pembaca, semoga tulisan saya ini bermanfaat dan tidak membuat bingung hehe, jika ada pertanyaan atau bingung silahkan tinggalkan komentar dibawah, sampai jumpa di tulisan selanjutnya.