hexo 部落格搭建筆記

乄Z發表於2020-06-11

執行環境

Windows 7

步驟簡略

按照這幾個步驟搭建 hexo

  1. 安裝 git
  2. 安裝 node.js
  3. 安裝 hexo
  4. 新建 git 倉庫
  5. 配置 SSH key
  6. 部署 hexo 到 github

安裝 git

直接官網下載安裝即可。

安裝 node.js

官網下載安裝。
重啟電腦,執行以下命令檢測是否安裝成功。

node -v
npm -v

安裝成功會看到以下結果

file

安裝hexo

執行命令

npm install -g hexo-cli

初始化 hexo 到 hexoblog 資料夾中

hexo init hexoblog

進入 hexoblog 資料夾

cd hexoblog

安裝依賴

npm install

生成靜態檔案

hexo g

本地釋出

hexo server

在瀏覽器開啟 localhost:4000

新建 git 倉庫

在git上新建 {git使用者名稱}.github.io 倉庫。如圖

file

配置ssh Key

生成 ssh Key

ssh-keygen -t rsa -C "812419396@qq.com"  // 此處812419396@qq.com 郵箱需要替換成自己的郵箱

一直按Enter鍵。然後電腦會生成兩個檔案 id_rsaid_rsa.pub。將id_rsa.pub裡面的資訊複製到 github 上。

image.png

id_rsa.pub裡面的資訊複製到文字框裡

image.png

部署 hexo 到 github

開啟 _config.yml 檔案

image.png

_config.yml 末端加上下面程式碼(ps:repo 的地址換成自己的 github 倉庫地址)

.
.
.
deploy:
  type: git
  repo: https://github.com/812419396/812419396.github.io.git
  branch: master

接著在 hexoblog 檔案下執行命令

npm install hexo-deployer-git --save
hexo clean
hexo generate
hexo deploy

到這裡部署完了。開啟瀏覽器輸入 {git使用者名稱}.github.io

image.png

參考文章

hexo史上最全搭建教程

5分鐘搭建Hexo個人部落格

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章