搭建个人博客原本是"云计算"课程的一门小作业, 刚好借这个机会把个人博客给搭建好. 根据费曼学习法, 也督促我把所学的东西写写博客, 锻炼自己各方面的能力. 另外, 趁着刚把个人博客搭建好, 把搭建的步骤详细记录一下.

听起来云计算和个人博客似乎关联性不大?
逻辑链条是这样的, 云计算 -> DevOps -> 运维 -> 持续集成 -> Github Pages -> 个人博客
总的来说, 搭建个人博客的框架网上以及提供了无数现成的方案了, 自己要做的其实并不多, 过程也是出乎意料地简单

搭建个人博客步骤

reference

• Quickstart for GitHub Pages
• 在 GitHub Pages 上部署 Hexo | Hexo
• 开始使用 | Hexo Fluid 用户手册 (fluid-dev.com)
• GitHub Pages + Hexo搭建个人博客网站-CSDN博客

环境准备

prepared

• Ubuntu 18.04.6 LTS
• git version 2.17.1

安装node.js

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt install nodejs
node --version  # v14.21.3

安装hexo

sudo npm install hexo-cli -g
hexo -v

项目创建

初始化项目

hexo init hexo-blog
cd hexo-blog/
npm install

更改主题

wget https://github.com/fluid-dev/hexo-theme-fluid/archive/refs/tags/v1.9.4.tar.gz
tar -xzvf v1.9.4.tar.gz && rm v1.9.4.tar.gz
mv hexo-theme-fluid-1.9.4/ themes/fluid/

vim _config.yml  # 相关更改见fluid仓库

其他配置

# 安装katex: 数学公式渲染器
npm i hexo-renderer-markdown-it-plus --save

常用操作

新建文章

# hexo new [layout] <title>
hexo new page about
hexo new post setup

参考链接

• 图片 -> 资源文件夹
• 数学公式 -> fluid | latex

TODO: 其他更多操作有待补充…

部署网站

本地测试

hexo generate
hexo server

reference

• https://hexo.io/docs/one-command-deployment

准备工作

npm install hexo-deployer-git --save
# 修改_config.yml
hexo g -d

部署

hexo clean && hexo deploy