由于我這臺Mac基本沒啥環境,因此需要從零開始配置,供各位參考。
注意??:MacBook (M4)使用/bin/zsh作為默認Shell,其對應的配置文件為~/.zshrc
參考文檔: HEXO系列教程 | 使用GitHub部署靜態博客HEXO | 小白向教程
文章目錄
- 1.基礎環境
- 安裝Homebrew
- 利用Homebrew安裝Nvm
- 利用Nvm安裝Node
- 安裝配置Git
- 全局配置用戶名郵箱
- 生成SSH key
- 創建個人倉庫
- 2.安裝Hexo
- 3.上傳hexo到Github
1.基礎環境
安裝Homebrew
利用Homebrew安裝Nvm
參考文檔: Mac安裝nvm教程及使用
brew install nvm
open -e ~/.zshrc
- 在打開的文本中添加:
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
# 設置淘寶源
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node
- 如果提示
.zshrc does not exist
執行一下:
touch .zshrc
source ~/.zshrc
利用Nvm安裝Node
nvm ls-remote
nvm install v22.14.0
nvm ls
安裝完會自動使用這個版本,并自動設置為默認別名。
安裝配置Git
全局配置用戶名郵箱
git config --global user.name "your git name"
git config --global user.email "your git mail"
生成SSH key
參考文檔: 在Mac電腦上新建SSH Key的詳細步驟
ssh-keygen -t rsa -C "your git mail"
,一路回車- 進入
用戶\yourname\
目錄,使用快捷鍵command + shift + .
查看隱藏項目,復制.ssh/id_rsa.pub
里面的內容。 - 打開 GitHub,依次點擊 Settings-SSH and GPG keys- New SSH key新建。
- 驗證:
ssh -T git@github.com
,出現下圖即為成功
創建個人倉庫
名字為 yourname.github.io
2.安裝Hexo
npm install -g hexo-cli
- 新建一個文件夾,用于存放blog project
- 在這個文件中運行終端:
hexo init
npm install
安裝組件hexo g
生成頁面hexo s
啟動預覽
3.上傳hexo到Github
- 安裝 hexo-deployer-git
npm install hexo-deployer-git --save
- 修改_config.yml 文件末尾的 Deployment 部分
repo采用SSH連接,SSH 連接地址可以 直接在倉庫<>Code
里面看到.
deploy:type: gitrepo: git@github.com:shijizhe/shijizhe.github.io.gitbranch: master
- 依次執行
hexo clean
hexo d
- 查看效果: