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

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

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

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

文章目录

1.基础环境

安装Homebrew

利用Homebrew安装Nvm

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

  1. brew install nvm
  2. open -e ~/.zshrc
  3. 在打开的文本中添加:
bash 复制代码
export NVM_DIR=~/.nvm 
source $(brew --prefix nvm)/nvm.sh
# 设置淘宝源
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node
  1. 如果提示 .zshrc does not exist 执行一下:
    touch .zshrc
  2. source ~/.zshrc

利用Nvm安装Node

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

安装配置Git

全局配置用户名邮箱

bash 复制代码
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 git@github.com,出现下图即为成功

创建个人仓库

名字为 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
bash 复制代码
npm install hexo-deployer-git --save
  1. 修改_config.yml 文件末尾的 Deployment 部分
    repo采用SSH连接,SSH 连接地址可以 直接在仓库 <>Code 里面看到.
yaml 复制代码
deploy:
  type: git
  repo: git@github.com:shijizhe/shijizhe.github.io.git
  branch: master
  1. 依次执行
bash 复制代码
hexo clean
hexo d
  1. 查看效果:
相关推荐
海上飞猪4 小时前
【MacOS】Warp安装使用教程
macos
FreeBuf_6 小时前
思科IOS零日RCE漏洞正遭野外利用(CVE-2025-20352)
macos·ios·cocoa
Tisfy10 小时前
MacOS - Clang使用bits/stdc++.h - 非官方(竞赛用) - 通用方法
开发语言·c++·macos
测试工程师成长之路10 小时前
Mac中XXX将对您的电脑造成伤害, 您应该将它移到废纸篓
macos
00后程序员张11 小时前
iOS 26 系统流畅度深度剖析,Liquid Glass 视效与界面滑动的实际测评
android·macos·ios·小程序·uni-app·cocoa·iphone
bjdnlsj11 小时前
【MAC环境】安装多个 JDK
java·开发语言·macos
2501_9160088917 小时前
iOS 26 系统流畅度剖析:Liquid Glass 动画表现 + 用户反馈
android·macos·ios·小程序·uni-app·cocoa·iphone
FL16238631291 天前
todesk连接Mac设备时卡在100%(手机、平板连接时卡在75%)
macos
HezhezhiyuLe1 天前
MAC idea 环境变量设置失效
java·macos·intellij-idea
00后程序员张1 天前
iOS 开发环境搭建完整指南 Xcode 安装配置、iOS 开发工具选择、ipa 打包与 App Store 上架实战经验
android·macos·ios·小程序·uni-app·iphone·xcode