Hexo 搭建个人博客

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

0. 安装前提

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 主题 中寻找自己喜欢的主题,我自己主要使用过 FluidButterfly 这个主题,下面是我美化折腾的过程。

Hexo + Fluid 美化详见:Hexo + Fluid 美化

5. Hexo 优化

图床

本博客图床已迁移到阿里云 OSS, 部分功能可能失效,请注意!

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

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

Hexo 插件

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

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


部署流程

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