个人博客搭建-编程学习之家

拥有一个独立博客是技术人的"数字名片"，既能沉淀知识、又能积累影响力。本教程系统对比主流博客方案，从搭建到运营全流程讲解，让你少走弯路，专注内容创作。

1. 博客系统选型

选型决定后续维护成本。常见方案对比：

WordPress：生态最大，插件主题丰富，适合非技术用户；缺点是较重、易被攻击
Hexo：基于 Node.js 的静态博客，写完 Markdown 一键生成静态页，速度快；适合前端开发者
Hugo：Go 写的静态博客生成器，构建速度极快，适合内容多的博客
Typecho：轻量动态博客，PHP+MySQL，简洁优雅，适合个人博客
VuePress / VitePress：基于 Vue 的静态站点，适合技术文档与程序员博客

选型建议：非技术用户选 WordPress；前端开发者选 Hexo 或 VitePress；想要简单轻量选 Typecho；内容量大且追求速度选 Hugo。

2. WordPress 搭建

WordPress 是全球使用最广的博客系统，搭建门槛低。宝塔面板可视化操作最适合新手。

# 1. 服务器安装宝塔面板
curl -sSO https://download.bt.cn/install/install_panel.sh && bash install_panel.sh

# 2. 浏览器访问宝塔面板，安装 LNMP 环境
#    （Nginx + MySQL + PHP 7.4+）

# 3. 创建站点：域名 + 数据库 + PHP 版本

# 4. 进入站点目录，下载 WordPress
cd /www/wwwroot/yourdomain.com
wget https://wordpress.org/latest.tar.gz
tar -xzvf latest.tar.gz
mv wordpress/* .
rm -rf wordpress latest.tar.gz

# 5. 浏览器访问域名，按提示完成 5 分钟安装

安装完成后立即做基础设置：设置固定链接为"文章名"、安装 SSL 证书、配置自动备份。

3. Hexo 静态博客

Hexo 是基于 Node.js 的静态博客生成器，写 Markdown 即可，无需服务器与数据库，可托管到 GitHub Pages 等免费平台。

# 1. 安装 Node.js 后安装 Hexo
npm install -g hexo-cli

# 2. 初始化博客
hexo init my-blog
cd my-blog
npm install

# 3. 本地预览
hexo server
# 访问 http://localhost:4000

# 4. 新建文章
hexo new "我的第一篇博客"
# 文件生成在 source/_posts/我的第一篇博客.md

# 5. 生成静态文件并部署
hexo clean && hexo generate && hexo deploy

部署到 GitHub Pages 免费、稳定、零运维：

# _config.yml 配置部署信息
deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: main

# 在 GitHub 仓库 Settings → Pages 启用
# 访问 https://username.github.io 即可看到博客

4. 域名解析配置

用自有域名替代默认的 GitHub 二级域名，更具品牌识别度。

# 自有服务器方案：A 记录指向服务器 IP
A    @        47.xx.xx.xx
A    www      47.xx.xx.xx

# GitHub Pages 方案：CNAME 记录
CNAME  www  username.github.io.

# 在博客仓库根目录添加 CNAME 文件
echo "blog.pgsr.cn" > CNAME
git add CNAME && git commit -m "add custom domain" && git push

# 在域名服务商处启用 HTTPS
# GitHub 仓库 Settings → Pages → Enforce HTTPS

5. 主题定制

主题决定博客颜值。WordPress 主题在后台"外观→主题"上传安装；Hexo 主题放到 themes 目录并在配置文件启用。

# Hexo 安装 Next 主题（最经典的主题之一）
cd my-blog
git clone https://github.com/next-theme/hexo-theme-next themes/next

# _config.yml 修改主题
theme: next

# 主题配置 _config.next.yml：
# - scheme: Gemini        # 选择布局方案
# - menu: 添加导航菜单项
# - avatar: 设置头像
# - valine: 启用评论

自定义 CSS：在主题目录的 source/css/_custom.styl 中追加样式，避免直接改主题源码，方便升级。

6. SEO 优化

再好的内容没人看也白搭。SEO 让搜索引擎更好地收录你的博客。

提交搜索引擎：百度站长、Google Search Console、Bing Webmaster
生成 sitemap：让爬虫快速发现所有页面
TDK 优化：每篇都写好 Title、Description、Keywords
URL 规范化：用短横线、避免参数、固定链接
内链建设：相关文章互链，提升页面权重
外链获取：在掘金、知乎、CSDN 等平台分发并回链

# Hexo 安装 SEO 插件
npm install hexo-generator-sitemap --save
npm install hexo-generator-seo-friendly-sitemap --save

# _config.yml 添加
sitemap:
  path: sitemap.xml

# 提交到 Google Search Console
# 添加资源 → 验证所有权 → 提交 sitemap.xml

7. 内容运营

博客成败最终看内容。技术博客的运营建议：

定位清晰：选定一个垂直领域（如前端、Python），不要泛泛而谈
持续输出：每周 1-2 篇，宁缺毋滥，质量优先
解决痛点：写自己踩过的坑、查不到的资料，这类内容最易被搜索
结构清晰：用小标题、代码块、配图，提升可读性
多平台分发：同步到掘金、知乎、CSDN、公众号，扩大触达
互动维护：回复评论、收集反馈、迭代内容

内容选题思路：
- 系列教程：从入门到实战（如本站这种）
- 踩坑记录："今天我用 xxx 踩了个大坑"
- 工具推荐："5 个提升效率的开发工具"
- 学习总结："学习 xxx 三个月的心得"
- 源码解读："jQuery 核心源码逐行解读"
- 行业观察："2026 前端趋势盘点"

8. 持续维护

博客是长期项目，运维同样重要。建议建立维护清单：

定期备份：数据库 + 文件 + 配置，至少每周一次
系统更新：WordPress/插件/主题及时升级，避免安全漏洞
监控告警：Uptime Robot 监控可用性，挂了立即收到邮件
统计访问：Google Analytics、百度统计，了解读者画像
清理冗余：定期删除不用的插件、修订版本、垃圾评论
性能优化：参考本站《源码优化讲解》提升加载速度

从今天开始写

许多人卡在"等我准备好了再开始"，结果永远没开始。最好的开始时间是现在。

今天就注册域名，挑好博客系统
本周末完成基础搭建与第一篇文章
下个月保持每周一篇的节奏
三个月后回看，会惊讶于自己的积累

本站"编程学习之家"就是按上述流程搭建的 WordPress 博客，欢迎作为参考案例。坚持写下去，你的博客会成为最宝贵的个人资产。

个人博客搭建

个人博客搭建：从选型到运营的全流程指南