前言

本文使用的Hexo是一个快速、简洁且高效的博客框架,结合Gitee Pages搭建属于自己博客的教程,本文借鉴了各路大佬的文章,以及自己在搭建过程遇到的一系列问题的整理,也是为了后续搭建的开发者少走弯路。本文也是我在51CTO博客发布第一篇文章,若有表述上的错误,希望看到本文的开发者多多纠正。

参考文章:

Hexo + Gitee免费部署静态博客 - 玄德ь

一、新建代码仓库

Gitee注册

输入名称后回自动带入路径无需修改,默认即可,创建仓库

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_开发者

二、Hexo部署到Gitee Pages上

安装hexo-deployer-git命令

pnpm install hexo-deployer-git --save

修改hexo配置文件_config.yml

找到_config.yml路径(项目根目录/_config.yml)

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_代码仓库_02

直接搜索deployment定位修改配置,填写将要部署hexo的代码仓库的地址
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: 部署hexo的代码仓库的地址
  branch: master

编译hexo文件并将代码推送至gitee仓库

在本地hexo项目根目录下打开命令提示符

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_开发者_03

生成hexo缓存文件和静态文件命令
hexo g

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_代码仓库_04

推送代码至代码仓库命令
hexo d

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_git_05

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_开发者_06

三、开通Gitee Pages服务

修改仓库状态

由于gitee规定,必须先将项目状态修改为开源,才能开通Gitee Pages服务

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_开发者_07

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_开发者_08

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_代码仓库_09

基本信息滚到条拉到最后,找到是否开源,选择开源,并公开须知全部勾选后点击保存

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_代码仓库_10

开通Gitee Pages服务

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_git_11

  • 部署分支选中master分支即可,部署目录不填后,点击保存/更新,若显示下图,则代表已部署成功,可以直接打开链接

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_代码仓库_12

  • 打开链接若显示和本地部署是打开的页面一致,则代表hexo已经成功部署至Gitee

使用 Gitee Pages + Hexo + Async主题 搭建自己的博客(二)- Gitee Pages部署_代码仓库_13