Note

利用Hexo來記錄自己的學習並使用Material-flow主題

Posted by Kubeguts on 2017-09-05

如果要打造自己風格的Blog，那就不能錯過Hexo
Hexo是一套開源的架個人部落格的框架，

其優點如下：

  • 文章以markdown格式為主。
  • 並且能一鍵部署在Github，公開給大家看。
  • 有很多第三方的template theme來裝飾自己的Blog

我目前這個Blog的主題是使用NextT囉

以下會詳細介紹怎麼用Hexo快速架站

Hexo架設流程

安裝Hexo

1
npm install hexo-cli -g

初始化一個Hexo專案，並且運行之

1
2
3
4
5
6
7
hexo init blog
cd blog
npm install
hexo server

// 也可以用 hexo s -p 8080 
// 指定欲開啟的port number為多少

可以看到新建立好的Blog長這樣

(X)

新增一篇文章

1
hexo new [layout] <title>

[layout]有以下幾種(default為 post)：

  • post：就po一篇文章，文章都放置在 source/_posts中
  • page：建立獨立的頁面，例如建立about頁面
  • draft：發佈一篇草稿，如果要公開則下 hexo publish [layout] <title>，將草稿移動到 source/_posts

佈署到自己的github

安裝 hexo-deployer-git

1
npm install hexo-deployer-git --save

修改 _config.yml

1
2
3
4
5
deploy:
  type: git   
  repo: <repository url> // 儲存庫（Repository）網址
  branch: [branch] // 分支名稱
  message: [message] // 自定提交訊息

新增好文章後需要產生部署用靜態檔案
執行：hexo generate

會產生public目錄

執行 hexo deploy 即可一鍵部署public目錄內容到github.io網站上

注意：github上的repo命名要與你的帳號一樣，否則還得處理路徑問題

若要直接新增好文章後部署：hexo generate --deploy

之後若要重新執行hexo deploy，請先用 hexo clean清除靜態頁面，然後在執行deploy.

使用Material-flow 來改造自己的Blog

詳情請看Material-flow 的Github上文件

https://github.com/stkevintan/hexo-theme-material-flow

修改自己的Description

在大頭貼下方的描述，
若要修改的話得到： ./theme/material-flow/layout/_widget/about.ejs中修改！

延伸

若要對自己Blog做擴充都可以再參考Hexo以及NextT的官方文檔

Hexo官方連結：https://hexo.io/zh-tw/

如果對其他theme有興趣也可以參考這網站

Hexo官方主題：https://hexo.io/zh-tw/docs/writing.html
Hexo主題排名：https://www.zhihu.com/question/24422335

FEATURED TAGS
Note
FRIENDS