从零开始搭建一个博客
前言
作为一个计算机专业的学生,每当我遇到一些问题时,在 Google 等搜索引擎上寻找解答,往往别人的技术博客都能解开我的疑惑,让我豁然开朗。当我看到别人精美、炫酷的博客网站时,我也心生羡慕,感慨他们强大的 UI 设计能力,于是我心想:我自己是不是也可以做一个技术博客?但是这个念想也仅仅只是在看到别人美观的个人主页后突然迸发,随后一闪而过、烟消云散,我也一直没有付诸行动。然而,在大三下学期开学,一个偶然的机缘巧合,让我开始了我的技术博客搭建与创作之旅。
2025年2月,我选修了一门专业选修课《云计算技术》,第一节实验课的作业就包含了搭建一个个人博客并部署到云服务器上,于是乎我就在网络上搜索有关博客搭建的相关知识,确定了博客使用的框架—— Hexo,以及博客主题—— Keep。
之所以选择 Hexo 框架,是因为它简洁而高效;而基于 Hexo 框架的Keep 主题的简约优雅正合我心意。
Hexo框架
Hexo官网
Hexo是什么?
一个快速、简洁且高效的博客框架
超快速度
Node.js 所带来的超快生成速度。 上百个页面在几秒内完成渲染
支持 Markdown
Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件
一键部署
只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台
插件
强大的 API 带来无限的可能。 支持数种模板引擎(EJS,Pug,Nunjucks等)。 可以与现有的NPM包 (Babel, PostCSS, Less/Sass 等) 轻松地集成
下载
浏览Hexo官网,了解Hexo框架的特性,在本机运行下面的指令,即可启动Hexo默认的博客程序
12345npm install hexo-cli -ghexo init blogcd blognpm installhexo server
Keep 主题博客启动
这是 Keep 主题的官网链接 Keep 主题使用手册 | Hexo 主题 Keep 官方文档,它的使用手册写得非常详尽,作为零基础的小白,我能根据手册成功搭建。
我是直接在本地下载官方文档里的“启动模板“(可以不用下载单独下载 Keep 主题,因为启动模板里面就包含了),然后按照里面的流程进行博客的配置和启动。
使用 Github Actions 自动部署 Hexo 博客
下一步,我是完全依照下面这篇文章进行的,过程也是非常的顺利。
如何使用 GitHub Actions 自动部署 Hexo 博客
然后就得到了我的第一个博客网站:RunnerQuan’s Blog
接着,我们就要考虑在云服务器上部署我们的博客。
在云服务器上部署 Hexo 博客
这一步我也是按照下面这篇博文的流程进行的
将Hexo部署到阿里云轻量服务器(保姆级教程)
最后,我的博客就搭建完成啦!