Create your blog in Hexo & host it on Github

Kiki - Mozilla Representative

@kelimuttu

kelimuttu.co

About me

2 | #MozBelajar

Why hexo:

4 | #MozBelajar

1.

It's blazing fast

3.

One-command deployment

2.

Markdown support

4.

Various plugins

Requirements:

3 | #MozBelajar

1.

Git

3.

Text

2.

Node JS (+ npm)

4.

Text

Steps:

5 | #MozBelajar

1.

Install hexo

3.

Create a github repo

2.

Running your blog

4.

Deployment

5.

Customize your blog

1. Install hexo

6 | #MozBelajar

1.

Make sure you have node and nmp installed

3.

Change directory to your preferred one

2.

Install hexo

4.

Initiate your blog

node -v

npm -v

npm install hexo-cli -g

&

hexo init blog

5.

Move to your blog directory

cd blog

6.

Run the installation

npm install

2. Running your blog

7 | #MozBelajar

1.

Activate the hexo server

2.

Start your local server

hexo server

http://localhost:4000/

3. Create a github repo

8 | #MozBelajar

1.

Go to your github account and create a repo

2.

Check your repo setting (Github Pages part)

kelimuttu.github.io

3.

Click Clone or download button

4. Deployment

9 | #MozBelajar

1.

Install hexo-deployer-git

2.

Update _config.yml file

npm install hexo-deployer-git --save

3.

Deploy it

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

hexo deploy

3.

Launch on your browser

http://kelimuttu.github.io/

5. Customize your blog

10 | #MozBelajar

1.

Change theme

2.

Install an admin panel

https://hexo.io/themes/

3.

Migrate your blog

https://github.com/jaredly/hexo-admin

https://hexo.io/docs/migration.html

Any questions?

Keep in touch!

Twitter    

@id_mozilla

Instagram    

@mozillaindonesia

Facebook    

Mozilla Indonesia

Mail    

info@mozilla.web.id