使用Hexo搭配Github部署個人部落格

前置說明：

macOS

yarn安裝

Git環境設定

Hexo安裝

透過yarn安裝hexo

1	yarn global add hexo-cli

在初始化要建置的名稱，這邊我用”blog”

1	hexo init blog

再到資料夾下進行安裝所需元件

1 2	cd blog yarn install

接著在port 8080啟用hexo

1	hexo s -p 8080

直接在瀏覽器打開服務 http://localhost:8080/

基本是安裝好了

1	hexo new [type] article-title

Hexo 有三種預設 type: draft(草稿)、post(公開文章) 和page(頁面)，下指令時沒填 type 預設是 post。

1	hexo new page categories

設定title與type為categories

---
title: 分類
date: 2017-12-10 12:39:04
type: "categories"
---

1	hexo new page "about"

啟用剛剛所使用的設定

blog/_config.yml

menu:
  home: / || home
  about: /about/ || user
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive

1	hexo new post new_post

設定文章主題與標籤跟分類

---
title: Github建立Hexo blog
date: 2017-12-19 20:12:43
tags:
    - Hexo
    - Git
categories: Hexo
---

到Themes挑選個人喜愛的樣式

選擇next樣式

1	git clone https://github.com/iissnan/hexo-theme-next.git ./themes/next

設定樣式

1	theme: next

1	yarn add hexo-deployer-git

建立一個名稱為 {使用者名稱}.github.io
設定git路徑

blog/_config.yml

# Deployment
deploy:
  type: git
  repo: https://github.com/github-username/github-username.github.io.git
  branch: master

進行編譯與發布

1
2
3

hexo clean  # 清除暫存
hexo g      # 產生靜態檔案
hexo d      # 發布到github

若有申請 ALGOLIA 的文章索引, 記得 export key 之後

1 2	# Search-Only-API-key 替換成自己的 key export HEXO_ALGOLIA_INDEXING_KEY=Search-Only-API-key

接著再透過以下方式將文章做索引

1	hexo algolia # 索引文章