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

devtools/2025/4/1 19:24:42/

由于我这台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教程及使用

  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
  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
    安装完会自动使用这个版本,并自动设置为默认别名。
    111

安装配置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 git@github.com,出现下图即为成功
    eee

创建个人仓库

名字为 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 启动预览

hexoGithub_59">3.上传hexo到Github

  1. 安装 hexo-deployer-git
npm install hexo-deployer-git --save
  1. 修改_config.yml 文件末尾的 Deployment 部分
    repo采用SSH连接,SSH 连接地址可以 直接在仓库 <>Code 里面看到.
deploy:type: gitrepo: git@github.com:shijizhe/shijizhe.github.io.gitbranch: master
  1. 依次执行
hexo clean
hexo d
  1. 查看效果:
    在这里插入图片描述

http://www.ppmy.cn/devtools/172442.html

相关文章

基于Flask的防火墙知识库Web应用技术解析

基于Flask的防火墙知识库Web应用技术解析 一、系统概述 本系统是一个结构化网络防火墙知识库的Web实现&#xff0c;采用Python Flask框架构建&#xff0c;提供章节导航、知识点检索、详情展示等功能。系统整合了100条防火墙领域核心知识点&#xff0c;涵盖基础概念、配置实践…

SylixOS 中 select 原理及使用分析

1、select接口简介 1.1 select接口使用用例 select 是操作系统多路 I/O 复用技术实现的方式之一。 select 函数允许程序监视多个文件描述符&#xff0c;等待所监视的一个或者多个文件描述符变为“准备好”的状态。所谓的”准备好“状态是指&#xff1a;文件描述符不再是阻塞状…

windows磁盘管理

简介 Windows 磁盘管理是 Windows 操作系统中的一个功能强大的工具&#xff0c;用于管理和维护计算机的磁盘分区、卷和存储设备 磁盘管理的主要功能 查看磁盘分区信息&#xff1a; 可以查看所有磁盘的分区情况&#xff0c;包括分区大小、分区类型&#xff08;如 NTFS、FAT32 …

霸王茶姬小程序(2025年1月版)任务脚本

脚本用于自动执行微信小程序霸王茶姬的日常签到和积分管理任务。 脚本概述 脚本设置了定时任务(cron),每天运行两次,主要用于自动签到以获取积分,积分可以用来换取优惠券。 核心方法 constructor:构造函数,用于初始化网络请求的配置,设置了基础的 HTTP 请求头等。 logi…

Java实战:实现用户的登录注册功能

系列文章目录 Java文件 I/O流的操作实战和高级UI组件和事件监听的综合 文章目录 系列文章目录前言一、大致流程思路分析&#xff1a;二、定义用户类&#xff1a;三、服务层的实现&#xff1a; 1.保护用户数据功能的实现2.登录操作的实现 四、实现用户的注册界面&#xff1a; 大…

美团2024年春招第一场笔试【算法策略】题解

算法策略 美团第一场机考平衡矩阵 美团第一场机考 平衡矩阵 小美拿到了一个n∗nn∗n的矩阵&#xff0c;其中每个元素是 0 或者 1。 小美认为一个矩形区域是完美的&#xff0c;当且仅当该区域内 0 的数量恰好等于 1 的数量。 现在&#xff0c;小美希望你回答有多少个i∗ii∗i的…

Spring 拦截器链(Interceptor Chain)完整示例

Spring 拦截器链&#xff08;Interceptor Chain&#xff09;完整示例 核心目标 展示 多个 Interceptor 组成拦截器链的完整实现&#xff0c;包含 preHandle()、postHandle()、afterCompletion() 全生命周期方法&#xff0c;以及如何通过 WebMvcConfigurer 控制执行顺序。最后用…

【深度学习】GAN生成对抗网络:原理、应用与发展

GAN生成对抗网络&#xff1a;原理、应用与发展 文章目录 GAN生成对抗网络&#xff1a;原理、应用与发展1. 引言2. GAN的基本原理2.1 核心思想2.2 数学表达2.3 训练过程 3. GAN的主要变体3.1 DCGAN (Deep Convolutional GAN)3.2 CGAN (Conditional GAN)3.3 CycleGAN3.4 StyleGAN…