介紹

從Java轉來JS生態系有一段時間了，有部分疊床架屋的JavaEE技能開始印象薄弱也是很合理的一件事，但前陣子發現，一兩個月沒有修改的JS Side Projects熟悉度也開始直線下降，這一點我實在不能接受…。因此擱置很久的部落格撰寫計畫不能再拖，花了一段時間搞定了這個站。

之所以選用Hexo主要是因為，它是一個使用NodeJS引擎的Static Render工具，我可以

• 使用Markdown編輯，書寫格式是通用的且不必綁定在任何平台
• 由於是JS Based的，我可以方便的修改其Template兼練功
• 方便的架設在Github-Pages上，不需額外尋找伺服器，撰寫文字時也可滿足填滿綠色框框的強迫症

安裝

安裝上如文件所指引，非常簡單，先安裝Command Line工具

1

npm install -g hexo-cli

現在hexo指令已經可以使用了，使用下列指令初始化Blog

1

hexo init ${folder_name}

跑完後，基本的骨幹已經完成，現在你需要產生Assets及第一篇Hello World博文

1
2

cd ${folder_name}
hexo g

然後在本機端起服務

1

hexo s

大功告成，你現在可以打開瀏覽器並輸入網址 http://localhost:4000/ 看到成果

不過只能在自己的電腦上看到沒什麼用，接下來需要把它放上你的Github帳號，在此使用別人寫好的Github Deployer，，安裝首先需要修改主目錄下的_config.yml，找到下面這行並修改

1
2
3
4
5
6

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/你的帳號名稱/你的帳號名稱.github.io.git
  branch: master

下面幾行也順便修改一下

1
2
3
4
5
6
7
8
9
10
11

# Site
title: 部落格的名字
subtitle:
description:
author: 你的名字
language:
timezone:
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: 部落格的網址

然後下載人家寫好的Deployer，來協助部署到Github

1
2
3

npm install hexo-deployer-git --save
hexo deploy

現在，你的網站已經在https://你的帳號名稱.github.io/上架好了

備註

安裝上有可能會碰到的問題

• Github的憑證問題，由於我在安裝Mac版的 Gihub Desktop 時，似乎已經把這東西一併搞定了，所以這方面我沒有碰到過

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1

$ hexo new "My New Post"

More info: Writing

Run server

1

$ hexo server

More info: Server

Generate static files

1

$ hexo generate

More info: Generating

Deploy to remote sites

1

$ hexo deploy

More info: Deployment