用Hexo建立Blog

Posted on Edited on In Views: Disqus: Symbols count in article: 1.1k Reading time ≈ 2 mins.

手把手用Hexo建立個人Blog教學

Step1: Hexo事前安裝準備:node.js + Git。
Step2: 登入GitHub帳號並新增一個repository且Repository name 必須命名為 UserName + “.github.io”。
Step3: 使用Git Bash開啟指令視窗並輸入以下指令來獲得ssh-rsa key。

1
2
3
$ git config --global user.name "github UserName"
$ git config --global user.email "github email"
$ ssh-keygen -t rsa -C "github email"

Step3.1:接下來詢問都按Enter略過
Step4: 從ssh key文件預設位置 C:\Users\用戶名.ssh下，找到id_rsa.pub文件(文件內全都是key的一部分)。
Step5: 在GitHub -> Setting -> SSH and GPG keys，新增SSH keys
Step5.1: Title任意取即可。
Step5.2: key填入id_rsa.pub文件內所有內容。
Step6: 確認node.js 是否安裝成功
1
node --version

Step7: 新增hexo blog資料夾，cmd -> cd至資料夾 -> 安裝hexo
1
npm install -g hexo-cli

Step8: 初始化blog
1
hexo init blog

Step9: cd 至資料夾\blog
Step10:新增新文章
1
hexo new my_first_post

Step11:產生靜態檔案
啟動local server , default port 4000
1
2
hexo g
hexo s

更換port
1
hexo server -p 5000 來更換port

Step12:在\blog下找到配置文件_config.yml
Step12.1:修改deploy配置
1
2
3
4
deploy:
type: git
repository: http://github.com/用戶名/用戶名.github.io.git
branch: master

Step13:部署至GitHub
1
2
3
hexo clean
hexo g
hexo d

hexo d (這步如有出現ERROR Deployer not found: git錯誤),在\blog下安裝
1
npm install hexo-deployer-git --save

Step14:在browser輸入 “UserName”.github.io 即可看到Blog

References 使用 Hexo 在 Github 建立部落格
References hexo d命令报错 ERROR Deployer not found: git