Hexo搭建个人博客
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 主题 中寻找自己喜欢的主题,我自己主要使用过 Fluid、Butterfly 这个主题,下面是我美化折腾的过程。
Hexo + Fluid 美化详见:Hexo + Fluid 美化
5. Hexo 优化
图床
本博客图床已迁移到阿里云 OSS, 部分功能可能失效,请注意!
随着博客内容的增加,文章图片的数量也不断增长,如何引用存储图片就成了一个问题。对于我这样没什么访问量,只是写给自己看的博客,要求就是简单方便(当然能白嫖最好 😬),最后采用 GitHub + JsDelivr + uTools 图床插件的办法。
搭建博客图床详见:搭建博客图床
Hexo 插件
Hexo 本身提供了一个框架,通过丰富的拓展插件,能够进一步优化使用体验,你可以在 Hexo 插件 中寻找适合你的拓展。
Hexo 常用插件推荐详见:Hexo 常用插件推荐
部署流程
下面是我个人的部署流程,基本实现了全自动化部署(Python 脚本实现),只需要将新的 MD 文件、图片、静态文件等放到指定目录下即可,不需要其他手动操作。