个人博客的重新搭建历程

前言

回想起来先前的个人博客已经有许多年了，但当时的我还不成熟，许多方面都是一知半解、抱着玩的心态在做。
当时对于Git的使用远远不熟悉，没有想到将原来博客的原始资料用Git保存，现在已经不知道位于何处了。
我想正好借此机会，重建整个博客，并记录自己的学习记录、笔记、日常等真正有意义的事物。

Hexo的搭建

既然想要重建博客，那自然是要从博客的基本框架开始。Hexo是一个不错的博客框架，功能和生态都十分丰富，十分适合使用。

环境配置

Hexo基于Node.js运行。那自然我们需要到Node.js官网下载并安装Node.js。

Hexo安装

首先我们需要安装hexo-cli，这是我们用来创建Hexo工程的工具。

npm install -g hexo-cli

这之后，我们就能创建Hexo工程了。我们要先找到一个合适的目录，然后执行下面命令。此处的your-blog-name请更换为你希望的文件夹名称。

hexo init your-blog-name
cd your-blog-name
npm install

执行完后就会发现目录下多了一个名为your-blog-name的文件夹，里面就是整个Hexo博客工程。

Hexo的使用

我们使用Hexo一般有下面4个用途：

1. 创建新文章，post-title处修改为博客的标题。

   hexo new "post-title"

2. 生成静态文件

   hexo generate

   或

   hexo g

3. 本地部署

   hexo server

   或

   hexo s

4. 部署到GitHub

   需要先安装hexo-deployer-git以使Hexo支持将博客部署到远程Git仓库中。

   npm install hexo-deployer-git --save

   然后修改项目下的配置文件_config.yml。
   找到deploy项，若无则自行创建，然后按照下面说明进行修改。

   # Deployment
   ## Docs: https://hexo.io/docs/one-command-deployment
   deploy:
     type: 'git'
     repo: https://github.com/username/username.github.io.git # GitHub Pages 项目路径
     branch: master  # 注意：新仓库默认分支可能是 main 而非 master

   最后使用下面命令即可。

   hexo deploy

   或

   hexo d

主题的安装和配置

我在互联网上浏览了一圈，发现Hexo的主题和当年并无太大差异。我当时选择的Fluid主题目前来看仍是相对最美观、功能最丰富的主题。

Fluid主题的安装方法详见其项目地址。安装后只要按照配置文件内部的说明按需修改即可。