平台: Mac.
IDE: Vsual Studio Code

Hexo安装

首先确保你已经安装了Node.js 和Git

• Node.js: https://nodejs.org/
• Git: https://git-scm.com/

当然直接使用VSCode安装环境也很方便,环境配置好后，使用

npm install  hexo-cli -g

安装Hexo.

创建Hexo项目

在创建你的Hexo项目前，建议你在github上创建一个private仓库来储存你的Hexo项目。(以方便你以后更换设备时，更好地迁移你的项目)

在你的仓库目录下，执行一下命令以创建一个全新的Hexo项目:

hexo init 项目名
cd 项目名
npm install

OK 项目就已经创建好了.

创建Page仓库

在github上创建你的page仓库，用于部署github page服务.

仓库名称建议使用 username.github.io，这样就可以直接通过https://username.github.io访问你的网页，不需要额外指定仓库名.

仓库设置public。

在仓库Settings的Pages选项中

• Source选择 Deploy from a branch
• Branch选择 main / (root) 点击save保存

配置

首先安装hexo部署git的插件

npm install hexo-deployer-git --save

编辑项目根目录下的_config.yml文件,包含你的博客信息、Github配置等

#_config.yml
title: 你的博客标题
subtitle: 你的博客副标题
description: 你的博客描述
author: 你的名字
language: en
timezone: Auto

## 配置URL 若你的github用户名为username  github仓库名称为project 那么url应为'https://username.github.io/project'
url: https://username.github.io/project
root: /project

## 配置部署信息 username和project同上 branch为仓库包含该项目分支名称
deploy:
  type: 'git'
  repo: https://github.com/username/project.git
  branch: main

repo 也可以直接复制github仓库等HTTPS协议内容

生成、预览、部署

运行下面命令生成静态文件

hexo generate
或 hexo g

运行下面命令在本地预览博客网站

hexo server
或 hexo s

运行下面命令将网站部署到GitHub的Pages中

hexo deploy
或 hexo d

正确部署后就可以通过 https://你的用户名.github.io 访问博客网站了