---

个人博客网站的搭建与部署

使用 Hexo 框架结合 Fluid 主题搭建个人博客，并通过 GitHub Pages 进行线上部署。

1. 环境准备

在开始之前，请确保本地已正确安装以下环境：

• Node.js：用于运行和管理 Hexo 及相关依赖。
• Git：用于版本控制及将代码推送到 GitHub 仓库。

2. 安装 Hexo 与初始化建站

全局安装 Hexo 命令行工具：

npm install -g hexo-cli

初始化博客项目目录并进入该目录：

hexo init lxy_fluid_blog
cd lxy_fluid_blog

3. 安装与配置 Fluid 主题

安装 Fluid 主题依赖：

npm install --save hexo-theme-fluid

配置主题：

1. 在博客根目录下创建 _config.fluid.yml 文件。
2. 找到 Fluid 主题默认的 _config.yml，将其内容复制到刚才创建的 _config.fluid.yml 文件中，用于覆盖主题默认配置。
3. 打开博客根目录下的 Hexo 主配置文件 _config.yml，进行如下基础修改：

language: zh-CN
theme: fluid

4. 部署到 GitHub Pages

利用 GitHub Pages 功能，可以将本地生成的静态博客网站免费发布到互联网上供人访问。

4.1 GitHub 仓库设置

1. 在 GitHub 上新建一个名为 username.github.io 的公开仓库（我的账号名为 huan-yin ，所以仓库名即为 huan-yin.github.io）。
2. 进入该仓库的 Settings -> 左侧导航栏的 Pages。
3. 在 Build and deployment 版块中，将 Source 选择为 Deploy from a branch。
4. 将 Branch 选择为 master，然后保存（Save）。

4.2 部署插件与配置

回到本地终端，安装 Hexo 提供的 Git 自动部署插件：

npm install hexo-deployer-git --save

打开博客根目录下的 _config.yml 文件，滑到最底部，将 deploy 部分修改为如下配置：

deploy:
  type: git
  repo: https://github.com/huan-yin/huan-yin.github.io

4.3 编译与发布

在博客根目录下运行以下命令，清理缓存并自动部署到 GitHub：

hexo clean && hexo deploy

提示：部署成功后，稍等几分钟，即可通过浏览器访问 https://huan-yin.github.io 查看你的个人博客。