[Mac]利用Hexo+Github Pages搭建个人博客

由于我这台Mac基本没啥环境，因此需要从零开始配置，供各位参考。

注意⚠️：MacBook (M4)使用/bin/zsh作为默认Shell，其对应的配置文件为~/.zshrc

参考文档： HEXO系列教程 | 使用GitHub部署静态博客HEXO | 小白向教程

文章目录

• 1.基础环境
• • 安装Homebrew
  • 利用Homebrew安装Nvm
  • 利用Nvm安装Node
  • 安装配置Git
  • • 全局配置用户名邮箱
    • [生成SSH key](#生成SSH key)
    • 创建个人仓库
• 2.安装Hexo
• 3.上传hexo到Github

1.基础环境

安装Homebrew

利用Homebrew安装Nvm

参考文档： Mac安装nvm教程及使用

1. brew install nvm
2. open -e ~/.zshrc
3. 在打开的文本中添加：

export NVM_DIR=~/.nvm 
source $(brew --prefix nvm)/nvm.sh
# 设置淘宝源
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node

4. 如果提示 .zshrc does not exist 执行一下：
   touch .zshrc
5. source ~/.zshrc

利用Nvm安装Node

1. nvm ls-remote
2. nvm install v22.14.0
3. nvm ls
   安装完会自动使用这个版本，并自动设置为默认别名。
   

安装配置Git

全局配置用户名邮箱

git config --global user.name "your git name"
git config --global user.email "your git mail"

生成SSH key

参考文档： 在Mac电脑上新建SSH Key的详细步骤

1. ssh-keygen -t rsa -C "your git mail"，一路回车
2. 进入用户\yourname\目录，使用快捷键command + shift + .查看隐藏项目，复制.ssh/id_rsa.pub里面的内容。
3. 打开 GitHub，依次点击 Settings-SSH and GPG keys- New SSH key新建。
4. 验证：ssh -T [email protected],出现下图即为成功
   

创建个人仓库

名字为 yourname.github.io

2.安装Hexo

1. npm install -g hexo-cli
2. 新建一个文件夹，用于存放blog project
3. 在这个文件中运行终端： hexo init
4. npm install 安装组件
5. hexo g 生成页面
6. hexo s 启动预览

3.上传hexo到Github

1. 安装 hexo-deployer-git

npm install hexo-deployer-git --save

2. 修改_config.yml 文件末尾的 Deployment 部分
   repo采用SSH连接，SSH 连接地址可以 直接在仓库 <>Code 里面看到.

deploy:
  type: git
  repo: [email protected]:shijizhe/shijizhe.github.io.git
  branch: master

3. 依次执行

hexo clean
hexo d

4. 查看效果：