從 0 開始,用 Hexo 搭配 GitHub Pages 製作部落格 1   2022-02-07


前言

終於開始動工自己的部落格,預計放在 GitHub Pages 上,使用最常見的 Hexo 框架,也當作是自己的 site project 以及第一篇長篇的紀錄文章,順便練習寫文章的能力,我將會把所有安裝方法、設定、部屬等等的事情記錄下來。

關於 Hexo

Hexo 官網

Hexo 是一個知名且用戶數非常多的部落格網頁框架,並且支持 Markdown(這點我非常喜歡),可用 node.js 來做套件管理,中文文章相當多,除非太獨特的坑以外,基本上中文的教學文章就夠用了。

GitHub Pages

GitHub Pages 是 GitHub 官方的免費靜態網頁代管服務,因為只支援靜態網頁,所以只能放置 html、js、css 等檔案,舉凡 php、.NET 等放上來是不會發生任何作用的

建立 GitHub Pages Repository

若要使用 GitHub Pages 服務,得先在個人的 GitHub 帳號中,建立一個名稱為 {UserName}.github.io 的 Repository,然後就結束了,就是這麼簡單!
就等著將網頁相關檔案上傳上去就好。


建立 GitHub Pages Repository


push 一個 html 檔來測試看看吧


輸入 https://username.github.io 來看看有沒有成功

安裝 Hexo

依照官方文件的步驟進行,我們需要在電腦上安裝 Node.js 與 Git。
安裝完 Node.js 後,執行下列指令來安裝 hexo 的 cli 套件。
npm install -g hexo-cli

至此我們已經完成了開發環境的建置,接下來我們要使用 Hexo 來建置部落格。

Reference

Hexo 官網
Node.js 官網
從零開始: 用github pages 上傳靜態網站


tags: 部落格 Hexo GitHub Page 紀錄

目錄

  1. 前言
  2. 關於 Hexo
  3. GitHub Pages
  4. 建立 GitHub Pages Repository
  5. 安裝 Hexo
  6. Reference
    1. tags: 部落格 Hexo GitHub Page 紀錄