Hexo博客部署指南（一）—— Node.js与Git环境搭建

环境准备

  1. 安装Node.js（建议v16+）,详细教程：https://nodejs.org/zh-cn/download/
    # 验证安装
    node -v
    npm -v

    注意：Node.js和npm安装完成后，需要重启电脑才能生效

node,npm版本

  1. 安装Git,详细教程：https://git-scm.com/downloads
    git --version

git版本

初始化Hexo项目

npm install -g hexo-cli # 安装hexo
hexo init myblog # 初始化项目
cd myblog # 进入项目
npm install # 安装依赖

目录结构说明

myblog
├── _config.yml # 配置文件
├── .gitignore # git忽略文件
├── package.json # 项目依赖包
├── scaffolds # 模板文件
├── source # 源文件
├── themes # 主题文件
├── .deploy_git # 部署文件

本地服务启动

hexo clean # 清理缓存
hexo generate # 生成静态文件
hexo server # 启动本地服务

所有命令需在项目目录下执行

访问http://localhost:4000查看效果，按住Ctrl+C退出服务

Git环境搭建

说明：本次部署使用GitHub Pages作为Hexo博客的部署平台，GitHub Pages支持使用Git进行部署，因此需要先配置Git环境。

  1. 创建GitHub账号，并创建一个仓库，仓库名称为<username>.github.io，其中<username>为GitHub账号的用户名，例如https://github.com/<username>.github.io
  2. 本地hexo项目根目录下执行以下命令，将本地hexo项目推送到GitHub仓库中，并指定分支为main，默认为master(也可以不指定)
  3. 安装部署插件
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/<username>/<username>.github.io.git
git push -u origin main/master(不指定分支默认为master)

npm install hexo-deployer-git --save

仅仅搭建环境，不做任何配置