我按照我个人搭建博客的步骤，整理了这边文章
主要是在windwos上搭建的
部署到github pages上面，如果觉得github不方便，gitee也是可以的

1.Node安装

2.Hexo安装

node安装好后可以直接安装Hexo

打开cmd输入命令

1
npm install -g hexo-cli

安装好后可以hexo -v验证是否安装成功

3.github注册并创建仓库

github注册就不多说了，按照步骤注册就好
我们主要说一下创建仓库

①点击右上角的加号，New repostory就可以新建仓库了

②仓库设置

首先，如果要使用Github Pages服务的话，仓库名称必须是用户名.github.io

描述随便写一下就好

仓库权限一定要是公开的

可以添加一个README

4.git安装

官网：https://git-scm.com/downloads ，下载最新版本即可

安装一路Next即可
安装好后，单击鼠标右键就可以看到两个git的程序了

我们点击Git Bash
输入git --version就可以查看git版本了

后面我们执行命令都可以使用git bash

我们还可以配置git用户信息

1
2
git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

5.初始化Hexo项目

①初始化hexo
选择一个空文件夹，然后执行初始化命令

1
hexo init blogTest(项目名)

②进入刚刚创建的文件夹，安装依赖

1
2
cd blogTest  //进入blogTest文件夹
npm i

安装好后，目录结构是这样的：

【node_modules】：依赖包
【scaffolds】：生成文章的一些模板
【source】：用来存放你的文章
【themes】：主题
【.npmignore】：发布时忽略的文件（可忽略）
【_config.landscape.yml】：主题的配置文件
【config.yml】：博客的配置文件
【package.json】：项目名称、描述、版本、运行和开发等信息

③本地启动

输入hexo s命令，打开浏览器输入http://localhost:4000/ 即可在本地查看hexo的博客啦！

6.部署到Github Pages

①安装 hexo-deployer-git

在刚刚初始化的目录执行命令：

1
npm install hexo-deployer-git --save

②修改_config.yml 文件

config.ym是hexo的配置文件，最下面是部署的信息

将repository修改为自己的github项目地址即可

1
2
3
4
deploy:
  type: git
  repository: git@github.com:codeGao9807/codeGao9807.github.io.git
  branch: main

③修改好后我们将代码部署到Github

1
hexo clean && hexo generate && hexo deploy
  • hexo clean：删除之前生成的文件，若未生成过静态文件，可忽略此命令。
  • hexo generate：生成静态文章，可以用hexo g缩写
  • hexo deploy：部署文章，可以用hexo d缩写

如果出现Deploy done，则说明部署成功了。

到github仓库上看一下我们的项目

如果出现黄色的小点，说明还没部署好

如果出现绿色的就可以访问了！