Welcome To Hexo

Blog, Hexo

介紹

從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 時，似乎已經把這東西一併搞定了，所以這方面我沒有碰到過
分享到 評論