Cara Membuat Blog Github dengan Hexo di Ubuntu 16.04

Pastikan paket sistem ubuntu kita sudah diperbarui.

sudo apt-get update && sudo apt-get upgrade

Install Git dengan perintah :

sudo apt-get install git

Install Nodejs dan npm
Cara install Nodejs dan npm bisa baca catatan disini : Install Nodejs dan Npm dengan PPA

Install Hexo Blog
Yang pertama, install hexo-cli dengan npm, hexo-cli adalah bagian yang paling penting dalam perintah inti Hexo.

sudo npm install hexo-cli -g

Yang kedua, hexo-server, hexo-server adalah server built-in yang dapat digunakan untuk melihat dan menguji blog kita sebelum digunakan.

sudo npm install hexo-server -g

Ada banyak paket yang tersedia, ini hanyalah hal penting yang kita perlukan untuk membuat blog Hexo kita aktif dan berjalan. kita juga dapat menelusuri lebih banyak paket yang tersedia sebagai bagian dari kerangka Hexo pada pencarian npm.

Selanjutnya, kita perlu mengatur file-file dasar untuk blog baru kita. Untungnya, Hexo melakukan semua pekerjaan dasar dengan satu perintah. Yang perlu kita lakukan adalah menyediakan folder tempat kita ingin menyimpan file konfigurasi blog hexo kita, blog folder menurut saya di Home direktori Ubuntu kita aja.

hexo init hexo-blog

Masuk ke directori hexo-blog, sebagai folder hexo kita :

cd hexo-blog
npm install

cek versi hexo

hexo -v
ls -l

Konfigurasi hexo blog

nano _config.yml

Empat baris pertama adalah nama blog kita, subtitle yang sesuai, deskripsi, dan nama penulis. Kita dapat memilih apa pun yang kita suka untuk opsi ini. Perhatikan bahwa tidak semua tema Hexo menampilkan data ini, sehingga sebagian besar berfungsi sebagai metadata situs jika relevan. Bagian selanjutnya adalah bagian URL. Di sini, kita ingin mengubah opsi URL. Kita dapat memasukkan alamat IP untuk pengaturan url, kalau kita belum mempunyai nama domain untuk url hexo kita.

Setelah konfigurasi selesai, kita dapat melihat contoh blog sebelum posting siap di publish. Selanjutnya, kita akan memulai dengan perintah :

hexo generate 

hexo server

Kita dapat melihat blog kita dengan mengunjungi http: // your_server_ip: 4000 / di browser. Kita akan melihat blog hexo kita sebelum publish.

Merubah Theme default Hexo
Masuk ke Blog direktori

cd hexo-blog
git clone https://github.com/iissnan/hexo-theme-next themes/next

Mengganti konfigurasi theme di file _config.yml

nano _config.yml

Membersikan konfigurasi awal dan generate konfigurasi baru

hexo clean
hexo generate

Jalan kembali hexo server

hexo server

Melihat blog kita dengan mengunjungi http: // your_server_ip: 4000 / di browser

Konfigurasi Github untuk Hexo

Buat repositori baru di Github dan beri nama kita, contoh bairahmat.github.io
Cara buat Repositori Github bisa baca Catatan ini : Belajar Github
 
Konfigurasi _config.yml 

nano _config.yml

Cari Baris Berikut
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://username_github.io #contoh : bairahmat.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/your_github_username/hexo_static.git
  # contoh repo : https://github.com/bairahmat/bairahmat.github.io
  branch: master
 
Install hexo-deployer-git di folder blog hexo

npm install hexo-deployer-git --save

Menyiapkan untuk deploy hexo blog kita ke github

hexo clean
hexo generate
hexo deploy 

Untuk melihat contoh repo Blog Hexo di Github 
Cek Disini Bai Rahmat Github

Selamat Mencoba, semoga berhasil ...

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: