使用hexo+gitee从零搭建个人博客

一、环境准备

1.Node.js：下载 | Node.js 中文网 (nodejs.cn) ，Hexo 是基于Node.js 的博客框架

教程：https://blog.csdn.net/weixin_52799373/article/details/123840137

node -v 
npm  -v  

安装 Node.js 淘宝镜像加速器 （cnpm）

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装版本控制工具 Git ：用来将本地项目托管到码云

https://git-scm.com/download

3.码云：工作台 - Gitee.com，注册码云，创建仓库，点击服务，上传个人信息，等待审核完成

4.Hexo 官网：https://hexo.io/zh-cn/，用来下载主题

二，本地访问博客

Hexo安装：打开cmd，输入下面命令。

全局安装

# 全局安装
npm install hexo-cli -g# 查看版本
hexo -v

初始化 hexo

D:\Project\blog>hexo init# --------------以下为输出内容-----------------------
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO  Install dependencies
INFO  Start blogging with Hexo!

生成本地的 hexo 页面

D:\Project\blog>hexo s# --------------以下为输出内容-----------------------
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

打开本地服务区
http://localhost:4000/

本地hexo项目搭建成功

项目主要文件目录介绍：
.
├── .deploy # 需要部署的文件
├── node_modules # 项目所有的依赖包和插件
├── public # 生成的静态网页文件
├── scaffolds # 文章模板
├── source # 博客正文和其他源文件等都应该放在这里
| ├── _drafts # 草稿
| └── _posts # 文章
├── themes # 主题
├── _config.yml # 全局配置文件
└── package.json # 项目依赖信息

三.将项目部署到码云

在项目根目录下(如D:\Project\blog)安装git部署插件

npm install hexo-deployer-git --save
修改项目配置文件（在hexo文件里面的）：_config.yml，在最下面添加，修改如下内容
注：一定要加空格

deploy:type: gitrepository: https://gitee.com/fengjunhong/blog2.gitbranch: master

使用命令hexo d将项目部署到 gitee 远程仓库，此时本地文件夹中出现有一个public文件夹。


开启 Gitee Pages 静态网页托管服务（上面填写信息的那个）

之后使用提供的网址即可访问博客，每次重新上传代码到gitee时，都需要点击下图的更新按钮重启page服务

访问生成的网址，部署成功！

四.选择主题

打开hexo：https://hexo.io/zh-cn，选择主题，点击，打开github，下载主题，把主题下载到本地themes文件下
Yilia-plus

注：下载下来的主题，名称一定要修改成主题要求的名称。

启动项目，访问：http://localhost:4000/先在本地查看主题是否修改成功

将修改后的项目部署到远程仓库Gitee

访问码云地址，修改并部署成功！

Hexo + Gitee 部署自己的个人博客完成！

五，写文章

D:\Project\blog>hexo new "我的第一篇文章"
INFO  Validating config
INFO  Created: D:\Project\blog\source\_posts\我的第一篇文章.md

之后，使用 hexo g --d 命令推送到 gitee上，并在 gitee 上更新一下 Gitee Pages 服务即可