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

项目预览：
https://fengjunhong.gitee.io/

一、前期准备

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

阿里淘宝镜像站：https://npm.taobao.org/mirrors/git-for-windows/

安装方式：一直默认安装就行

git 官网下载地址是在 github 上，所以国内下载速度应该很慢，甚至打不开，可以尝试去阿里淘宝镜像站下载最新的版本，速度较快。打开阿里淘宝镜像站拖到最下面，下载对应系统位数的版本即可

二、hexo 的安装和初始化

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.

# =================== 常用命令 =================== 
hexo clean # 清空已有hexo网站文件
hexo g(or generate) # 依据网页文本与新的CSS样式生成新网站文件
hexo s(or server) # 启动本地服务器，可以在localhost:4000查看网站修改效果

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

本地hexo项目搭建成功

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

三、将项目部署到码云

上面的那些步骤已经让你的网站能够在本地服务器上成功运行了，但是本地服务器只有你自己能查看，为了让网站呈现在更多人面前，我们可以通过 Gitee Pages 服务来进行自动化部署，这样你的网站就有了公开的可分享的网址了

5.1 注册 gitee 账号
gitee 官网：https://gitee.com/

记住你的注册邮箱、注册用户名、注册密码，稍后会用得上。

5.2 新建仓库
注意仓库名称和路径名称要一致，按照图示进行设置就行。

修改配置文件

配置blog 主目录中的 _config.yml ，用记事本打开 _config.yml ，根据你自己的仓库地址来修改配置文件，然后保存
deploy:
type: git
repository: https://gitee.com/fengjunhong/blog2.git
branch: master
修改项目配置文件（在hexo文件里面的）：_config.yml，在最下面添加，修改如下内容
注：一定要加空格

安装 hexo-git 部署工具

npm install hexo-deployer-git --save

hexo g --d #一键部署

绑定 gitee 账户信息

git config --global user.email "换成你自己的注册邮箱"
git config --global user.name "换成你自己的注册用户名"

第一次部署 hexo

第一次部署时会弹出一个对话框，提示输入 gitee 码云的账号密码。部署成功后，登陆码云。此时本地文件夹中出现有一个public文件夹，代表部署成功。

前往 Gitee Pages 手动更新

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

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

四、写文章

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

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

扩展

更换主题

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

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

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

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

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

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

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