Hexo搭建个人博客

Hexo 搭建个人博客

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

0. 安装前提

• Node.js
• Git
• 创建 GitHub 仓库

Hexo 建站环境配置详见：Hexo 建站环境配置

1. Hexo 建站

在配置完环境之后，就可以正式安装 Hexo 了。安装步骤还是比较简单的，主要在 Git Bash 中通过命令行安装。

Hexo 建站教程详见：Hexo 建站教程

2. 个性化域名(可选)

部署完博客之后，会发现我们的域名是 https://xxxxxx.github.io，很明显这个域名不够高端大气上档次，因此我们可以在 腾讯云 等域名供应商那里注册自己的域名，一年大概几十块的费用，当然你也可以选择不更换域名。

GitHub Pages 个性化域名配置详见：GitHub Pages 个性化域名配置

3. 双线部署到 GitHub 和 Coding

本博客已迁移到 ECS, 部分功能可能失效，请注意！

由于 GitHub 的服务器在国外，所以访问速度不怎么样，因此可以把网站双线部署到 GitHub 和 Coding，境外访问就会走 GitHub，境内就会走 Coding，大大提升了访问速度。

Hexo 部署到 Coding 详见：Hexo 部署到 Coding

4. Hexo + Fluid 美化

本博客的主题已由 Fluid 改为 Butterfly, 部分功能可能失效，请注意！

Hexo 有很多好看的主题，大家可以在 Hexo 主题 中寻找自己喜欢的主题，我自己主要使用过 Fluid、Butterfly 这个主题，下面是我美化折腾的过程。

Hexo + Fluid 美化详见：Hexo + Fluid 美化

5. Hexo 优化

图床

本博客图床已迁移到 OSS, 部分功能可能失效，请注意！

随着博客内容的增加，文章图片的数量也不断增长，如何引用存储图片就成了一个问题。对于我这样没什么访问量，只是写给自己看的博客，要求就是简单方便（当然能白嫖最好 😬），最后采用 GitHub + JsDelivr + uTools 图床插件的办法。

搭建博客图床详见：搭建博客图床

Hexo 插件

Hexo 本身提供了一个框架，通过丰富的拓展插件，能够进一步优化使用体验，你可以在 Hexo 插件 中寻找适合你的拓展。

Hexo 常用插件推荐详见：Hexo 常用插件推荐

部署流程

下面是我个人的部署流程，基本实现了全自动化部署（Python 脚本实现），只需要将新的 MD 文件、图片、静态文件等放到指定目录下即可，不需要其他手动操作。