第一节：静态博客 vs 动态博客

​​核心比喻:​​ 静态博客是”样板房”，动态博客是”智能家居”

静态博客 - 精美的样板房

​​是什么?​​

静态博客是由静态HTML文件组成的网站，内容在构建时生成，不需要数据库和服务器端处理。

​​解决什么问题?​​

  • 提供极快的访问速度

  • 降低服务器资源消耗

  • 提高网站安全性

  • 简化部署和维护

​​怎么使用?​​

  • 使用静态网站生成器(如Hexo、Jekyll)

  • 编写Markdown格式的文章

  • 生成静态HTML文件

  • 部署到Web服务器

​​注意事项:​​

  • 内容更新需要重新生成

  • 不支持动态交互功能

  • 评论系统需要第三方服务

​​生活化比喻:​​ 静态博客就像精装修的样板房,所有的装修都是固定的,看起来很漂亮,参观速度很快,但如果要改动装修就比较麻烦。

动态博客 - 智能家居系统

​​是什么?​​

动态博客是基于服务器端程序和数据库的网站,内容在用户访问时动态生成。

​​解决什么问题?​​

  • 支持实时内容更新

  • 提供丰富的交互功能

  • 支持用户注册和评论

  • 便于内容管理

​​怎么使用?​​

  • 安装博客程序(如WordPress、Typecho)

  • 配置数据库

  • 通过管理后台发布内容

  • 安装插件扩展功能

​​注意事项:​​

  • 需要更多服务器资源

  • 安全性要求更高

  • 维护更复杂

​​生活化比喻:​​ 动态博客就像智能家居系统，可以随时调节灯光、温度，功能很强大，但需要更多的电力和维护。

第二节：选择博客系统

​​核心比喻:​​ 选择博客系统就像选择装修风格

主流静态博客生成器对比：Hexo - 简约现代风

​​是什么?​​

基于Node.js的快速、简洁且高效的静态博客框架。

​​解决什么问题?​​

  • 快速生成静态网站

  • 支持丰富的主题和插件

  • 简单的命令行操作

​​怎么使用?​​

1
2
3
4
5
6
# 更新操作到最新
dnf -y update
# 安装前端使用nodejs语言包和npm命令
dnf install -y nodejs
# 配置前端软件的国内镜像源
npm config set registry https://registry.npmmirror.com

注意事项:​​

  • 需要Node.js环境

  • 主题配置相对简单

  • 社区活跃，中文文档丰富

为什么选择Hexo?

适合初学者的理由:

  1. ​​中文生态好:​​ 大量中文教程和主题

  2. ​​上手简单:​​ 命令简单，配置直观

  3. ​​主题丰富:​​ 有很多精美的免费主题

  4. ​​部署方便:​​ 支持多种部署方式

  5. ​​社区活跃:​​ 问题容易找到解决方案

第三节：部署Hexo博客系统

​​核心比喻:​​ 部署博客就像装修新房子

环境准备 - 准备装修工具

​​步骤1: 安装Node.js​​

1
2
3
4
5
6
# 下载Node.js LTS版本
curl -fsSL https://rpm.nodesource.com/setup_lts.x | sudo bash -
sudo yum install -y nodejs
# 验证安装
node --version
npm --version

​​步骤2: 安装Git​

1
2
3
4
5
# 安装Git
sudo yum install -y git
# 配置Git
git config --global user.name "Your Name"
git config --global user.email "your.email@example.com"

步骤3: 安装Hexo CLI​

1
2
3
4
# 全局安装Hexo命令行工具
npm install -g hexo-cli
# 验证安装
hexo version

创建博客项目 - 搭建房屋框架

​​步骤1: 初始化博客​

1
2
3
4
5
6
# 在当前用户家目录下创建博客目录
cd ~
hexo init myblog
cd myblog
# 安装依赖
npm install

步骤2: 了解目录结构

1
2
3
4
5
6
7
8
myblog/
       _config.yml          # 网站配置文件
      package.json          # 应用程序信息
      scaffolds/            # 模板文件夹
      source/               # 资源文件夹
      _drafts/              # 草稿
      _posts/               # 文章
      themes/               # 主题文件夹

步骤3: 基本配置​​

编辑 _config.yml:

1
2
3
4
5
6
7
8
9
title: 我的个人博客
subtitle: 学习云计算运维的记录
description: 这是我的第一个博客网站
keywords: 云计算,运维,学习
author: 学员姓名
language: zh-CN
timezone: Asia/Shanghai
url: http://your-server-ip
root: /

安装主题 - 室内装修

​​步骤1: 选择主题(以Next主题为例)​

1
2
3
# 克隆主题到themes目录
cd myblog
git clone https://github.com/theme-next/hexo-theme-next themes/next

步骤2: 配置主题​​

在 _config.yml中修改主题设置:

1
theme: next

步骤3: 配置主题样式​​

编辑 themes/next/_config.yml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 选择主题样式
scheme: Gemini

# 配置菜单
menu:
  home: / || fa fa-home
  about: /about/ || fa fa-user
  tags: /tags/ || fa fa-tags
  categories: /categories/ || fa fa-th
  archives: /archives/ || fa fa-archive

# 配置侧边栏
sidebar:
  position: left
  display: post

创建内容 - 添加家具

​​步骤1: 创建第一篇文章​

1
2
3
# 创建新文章
hexo new post "我的第一篇博客"
# 文件会生成在 source/_posts/ 目录下

步骤2: 编辑文章内容​

1
2
3
4
5
6
7
---
title: 我的第一篇博客
date: 2025-10-13 10:00:00
tags: [学习，博客]
categories: [个人日记]
---
文章内容​......

步骤3: 生成和预览​

1
2
3
4
5
6
7
# 清理缓存
hexo clean
# 生成静态文件
hexo generate
# 启动本地服务器预览
hexo server
# 访问 http://localhost:4000 预览博客

部署到服务器 - 搬入新家

​​步骤1: 生成静态文件​

1
2
3
4
# 生成最终的静态文件
hexo generate
# 静态文件位于 public/ 目录
ls public/

步骤2: 上传到服务器​

1
2
3
rm -rf /usr/share/nginx/html/*
cp -r public/* /usr/share/nginx/html/
systemctl reload nginx

第四节：内容定制和发布

关于页面

1
2
3
4
5
6
7
8
9
#创建关于页面
hexo new page about            
编辑 source/about/index.md:
---
title: 关于我
date: 2025-10-16
---

关于我......

标签页面​

1
2
3
4
5
6
7
8
# 创建标签页面
hexo new page tags                 
编辑 source/tags/index.md:
---
title: 标签
date: 2025-10-13
type: "tags"
---