Hexo 架設部落格
開站第一篇先介紹這個網站建置的方式,這是透過 Hexo 產生靜態網頁,發行到 GitHub 網站上。
Hexo 是一個產生靜態網頁工具程式,以 Makedown 語法撰寫文章內容,可以在本機端產生網頁與瀏覽,一鍵發行到 GitHub 上。
目前會在 Evernote 撰寫文章,使用 VSCode 來調整 Makedown 語法與執行 Hexo 指令。
安裝與使用步驟
檢查本機環境
node -v
git version
建議使用 Node.js 10.0 以上版本,git 2.2 以上版本
安裝 hexo 命令
npm install -g hexo-cli
建立目錄 init
hexo init test
產生網站頁面 generate
hexo g
啟動網站 server
hexo s
瀏覽本機網站
新增文章 new
hexo new post "Post Title"
也可以簡化
hexo new "Post Title"
每次增修檔案或內容,均需要再產生一次才能瀏覽
hexo g
瀏覽新產生的文章
(網址中有包含今天日期)
新增草稿文章 new draft
hexo new draft "Draft Title"
草稿不能瀏覽
新增頁面 new page
hexo new page "Page Title"
hexo g
瀏覽新產生的頁面
安裝 Git 部署套件
npm install hexo-deployer-git --save
部署到 Github
修改 _config.yml 發行的網址,取代下面最後一行
# Deployment
## Docs: https://ift.tt/3ey9tMW
deploy:
type: git
repo: https://ift.tt/3bDuzri
執行部署
hexo d
產生完成即部署網站
hexo g -d
瀏覽 GitHub 的網站
切換主題
所有主題 https://hexo.io/themes/
不錯的主題
切換主題步驟
安裝到本機
git clone https://ift.tt/3laOqRV ./hexo-huweihuang
cd hexo-huweihuang
npm install
線上教學
Hexo教程第一期 简介
Hexo教程第二期 安装与使用
Hexo教程第三期 写作
Hexo教程第四期 Front Matter
Hexo教程第五期 配置文件
Hexo教程第六期 命令
Hexo教程第七期 部署
Hexo 說明文件