Membuat Blog dengan Hexo

Hexo adalah framework blog sederhana yang didukung oleh Node.js. Web statis generator ini sangat cepat dan hanya membutuhkan waktu beberapa detik untuk membangun website yang lengkap.

Hexo mendukung semua fitur GitHub-flavored Markdown dan sebagian besar plugin Octopress. Salah satu keuntungan utama dari Hexo adalah memungkinkan Anda untuk mentransfer blog atau situs ke web host dengan satu perintah.
Pastikan kamu sudah Install Git.

# Mulai Membuat Blog

Hal utama yang dibutuhkan dalam membuat blog menggunakan Hexo ini adalah sedikit pemahaman tentang Git/Github dan sintak markdown. Sebelum lamnjut, silakan buat terlebih dahulu repositori yang nantinya akan digunakan untuk menyimpan berkas-berkas web/blog Anda.

Nama repository yang digunakan biasanya adalah namauser.github.io.

# Memasang Hexo

Pasang Hexo pada sistem Anda memelalui perintah berikut.

1
2
3
4
5

$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

pastikan npm sudah terpasang pada sistem operasi yang Anda gunakan
untuk menjalankan perintah-perintah di atas.

Jika Berhasil, dalam direktori blog Anda akan menemukan beberapa direktori dan berkas berikut ini.

1
2
3
4
5
6
7
8

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

Silakan sunting berkas _config.yml sesuai dengan yang Anda inginkan. Pengaturan dasar situs/blog Anda berada pada berkas ini. Beberapa pengaturan yang dapat Anda ubah, antara lain;

• nama blog
• subnama
• deskripsi/keterangan
• alamat blog
• tema default pos
• dll

Untuk mempermudah Anda dalam men-deploy berkas lokal Anda ke repostory Github, saya sarankan untuk memasang Plugin hexo-deployer-plugin. Cara pemasangannya cukup mudah, cukup jalankan perintah

npm install hexo-deployer-git --save

pada direktori blog Anda.
Jika sudah, sunting kembali berkas _config.yml, kemudian isikan data berikut ke dalam berkas tersebut;

1
2
3
4
5

deploy:
type: git
repo: repository url
branch: [branch]
message: [message]

Untuk lebih jelasnya, Silakan kalian perhatikan contoh berikut;

1
2
3
4
5

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

Selesailah pengaturan dasar blog Anda.

# Mulai Menulis

Untuk membuat sebuah pos, cukup jalan perintah;

hexo new post “Judul Pos”

secara otomatis, Hexo akan membuat berkas berjudul “Judul Pos.md” pada direktori source/_post. Hexo juga memungkinkan Anda untuk membuat Draft terlebih dahulu untuk tulisan-tulisan Anda atau sebuah halaman khusus jika Anda menginginkannya.

hexo new draft “judul draft”

atau

hexo new page “judul Gias”
Silakan sunting berkas *.md  yang telah digenerate tadi menggunakan pengolah teks favorit Kamu.

# Server, Generate, dan Deploy

Setelah menulis, Anda dapat melihat pratayang perubahan yang baru saja Anda lakukan
dengan menjalankan perintah;
hexo server atau hexo server --draft

1
2
3
4
5

git init
git add.
git remote add origin (Link Repo kalian)
git commit -m "1st commit"
git push origin master

dan silakan lihat hasilnya pada tautan http://localhost:4000/.
Jika telah sesuai, silakan publish tulisan Anda dengan perintah;

1
2

$ hexo generate
$ hexo deploy

Selamat, situs Anda telah tayang!