从零搭建个人博客：全流程详细指南

前端框架：Vue、React、Next.js、Nuxt.js，实现页面渲染和交互
后端框架：Django、Flask（Python）、Express、Koa（Node.js）、Laravel（PHP）、Spring Boot（Java）
数据库：小型博客用MySQL、SQLite、MongoDB即可，无需复杂配置
优势：完全自定义，无功能限制，可深度优化体验，适合作为技术练手项目
缺点：开发周期长，需要较强的技术能力，后期维护成本高

三、WordPress搭建博客：详细步骤

3.1 准备工作

购买域名和云服务器（以阿里云为例）
完成域名备案（国内服务器必须备案，备案周期约7-20个工作日）
服务器环境配置：安装宝塔面板（推荐新手使用，可视化管理服务器）

3.2 服务器环境配置（宝塔面板）

步骤1：安装宝塔面板

bash

# CentOS系统
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

# Ubuntu/Debian系统
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

安装完成后记录面板地址、用户名和密码。

步骤2：安装运行环境

登录宝塔面板后，选择"软件商店"，一键安装：

Nginx（或Apache）
MySQL 5.7+
PHP 7.4+
phpMyAdmin

步骤3：创建网站

点击"网站" → "添加站点"
填写域名（如 www.example.com 和 example.com）
选择PHP版本
创建MySQL数据库，记录数据库名、用户名、密码

3.3 安装WordPress

方法一：宝塔一键部署

宝塔面板 → 软件商店 → 搜索"WordPress"
点击"一键部署"，选择刚才创建的站点
设置管理员账号密码，完成安装

方法二：手动安装

下载WordPress中文包：https://cn.wordpress.org/download/
上传到网站根目录并解压
浏览器访问域名，按照安装向导操作
填写数据库信息（之前创建的数据库名、用户名、密码）
设置站点标题、管理员账号、邮箱
完成安装，登录后台

3.4 WordPress基础配置

（1）固定链接设置

后台 → 设置 → 固定链接
选择"文章名"格式，有利于SEO优化
格式示例：https://example.com/sample-post/

（2）主题安装

后台 → 外观 → 主题
推荐免费主题：Astra、GeneratePress、Twenty Twenty系列
推荐付费主题：Avada、Enfold、Newspaper（适合资讯类）
上传主题文件或直接在主题库搜索安装

（3）必备插件推荐

插件名称	功能
Yoast SEO / Rank Math	SEO优化，提升搜索引擎排名
WP Super Cache / W3 Total Cache	页面缓存，加速网站加载
Akismet Anti-Spam	防垃圾评论
UpdraftPlus	网站备份，防止数据丢失
WPForms / Contact Form 7	联系表单
Jetpack	多功能插件，包含统计、安全、加速
Smush	图片压缩优化
Wordfence Security	安全防护，防黑客攻击

（4）创建核心页面

首页（可设置为静态页面或文章列表）
关于我页面
留言/联系页面
友情链接页面
归档页面

四、Hexo搭建博客：详细步骤

Hexo是基于Node.js的静态博客生成器，适合技术类博客，可免费部署到GitHub Pages。

4.1 环境准备

安装Node.js

bash

# 下载安装Node.js（建议14.x以上版本）
# Windows：官网下载安装包
# macOS：brew install node
# Ubuntu：
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs

安装Git

bash

# Windows：下载Git for Windows
# macOS：brew install git
# Ubuntu：sudo apt install git

4.2 安装并初始化Hexo

bash

# 全局安装Hexo
npm install -g hexo-cli

# 初始化博客文件夹
hexo init my-blog
cd my-blog

# 安装依赖
npm install

4.3 Hexo目录结构

text

my-blog/
├── _config.yml      # 网站配置文件
├── package.json     # 项目依赖
├── scaffolds/       # 文章模板
├── source/          # 内容目录
│   ├── _posts/      # 文章存放位置
│   └── about/       # 自定义页面
└── themes/          # 主题目录

4.4 常用命令

bash

hexo new "文章标题"    # 新建文章
hexo new page "about"  # 新建页面
hexo generate          # 生成静态文件（简写 hexo g）
hexo server            # 启动本地预览服务器（简写 hexo s）
hexo deploy            # 部署到远程仓库（简写 hexo d）
hexo clean             # 清除缓存和已生成的文件

4.5 主题配置

安装Next主题示例

bash

cd themes
git clone https://github.com/theme-next/hexo-theme-next next

修改根目录_config.yml：

yaml

theme: next

4.6 部署到GitHub Pages

步骤1：创建GitHub仓库

新建仓库，名称为 username.github.io（username替换为你的GitHub用户名）
仓库设为Public

步骤2：安装部署插件

bash

npm install hexo-deployer-git --save

步骤3：配置部署信息

修改_config.yml：

yaml

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: main

步骤4：执行部署

bash

hexo clean && hexo generate && hexo deploy

部署完成后，访问 https://username.github.io 即可看到博客。

4.7 绑定自定义域名

在域名服务商处添加DNS解析：
- CNAME记录：www → username.github.io
- A记录：@ → GitHub Pages IP地址
在Hexo的source目录下创建CNAME文件，内容为你的域名（如www.example.com）
重新部署：hexo g && hexo d

五、域名解析与SSL证书配置

5.1 域名解析配置

以阿里云为例：

进入域名控制台，选择"解析"
添加解析记录：
- A记录：主机记录@，记录值为服务器IP
- A记录：主机记录www，记录值为服务器IP
- CNAME记录（GitHub Pages）：主机记录www，记录值为username.github.io
解析生效时间通常为10分钟-2小时