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 的網站


切換主題


不錯的主題



切換主題步驟

安裝到本機
git clone https://ift.tt/3laOqRV ./hexo-huweihuang
cd hexo-huweihuang
npm install


線上教學
Hexo教程第一期 简介

Hexo教程第二期 安装与使用

Hexo教程第三期 写作

Hexo教程第四期 Front Matter

Hexo教程第五期 配置文件

Hexo教程第六期 命令

Hexo教程第七期 部署


Hexo 說明文件