为什么选取 Hexo

Hexo 是一个快速、简洁且功能丰富的静态博客框架，基于 Node.js 开发。它允许用户使用 Markdown（或其他支持的标记语言）编写文章，并通过简单的命令将其转换为静态网页。

Hexo 特点：
  1. 简单易用：Hexo 的安装和配置都非常简单，使用者可以快速上手，无需太多专业知识。
  2. 高效快速：由于 Hexo 是基于静态网页生成的，因此在网站访问速度上表现出色，且 Hexo 在生成静态页面时速度很快，即使在文章较多的情况下也能保持高效率。
  3. 支持多种主题和插件：Hexo 提供了丰富的主题和插件，用户可以根据自己的喜好和需求进行选择和定制，从而打造出独具特色的博客。
  4. Markdown 写作：Hexo 支持使用 Markdown 格式编写文章，Markdown 是一种简单易懂的标记语言，让用户专注于内容创作而无需过多关注排版。
  5. Git 版本管理：Hexo 可以轻松与 Git 集成，使用户可以使用版本控制管理博客内容，方便多人协作和备份。
  6. 丰富的功能：Hexo 不仅仅是一个静态博客生成器，还提供了许多有用的功能，如标签、分类、RSS 订阅等，使用户可以更好地管理和展示自己的内容。

博客页面布局

首页

归档

分类

标签

搜索文章功能

博客功能实现

Hexo 搭建个人博客

  1. 进入文件夹任意位置，点开 git bash，输入以下命令：
1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

  1. 输入 hexo s ，如果出现 INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop. ，则表示创建成功，点开链接将会看到你初始化的博客界面。

  2. 接下来就可以寻找喜欢的主题模板构建属于自己的个性化博客界面。

  3. 通过 hexo new [文章名称] 新建博客，并在文章对应的 markdown 文件中添加 tags 和 categories 构建文章标签和分类页面。

Hexo 部署到 Github

  1. 在 github 新建一个名为 lilian-r.github.io 的仓库，注意前缀要和自己 github 账号的名字相同，否则可能会报错。

  2. 进入 _config.yml 文件，找到 deploy 部分，更改其中的内容如下所示 deploy。

    1
    2
    3
    4
    deploy:
      type: git
      repo: 
      branch: main

  3. 安装 git 部署命令工具 npm install hexo-deployer-git –save。

  4. 最后输入以下命令：

    1
    2
    3
    hexo clean # 清除缓存
    hexo g # 生成相关文件
    hexo d # 部署到 github.io

博客制作过程中遇到的问题及其解决方法

  1. 在 markdown 中的图片文件在网页上无法正常显示，后续通过安装 hexo-asset-img 并对图片存放位置与路径做相应的修改，成功解决。