手把手搭建免费个人博客:部署+配置+选云推荐全流程指南

手把手搭建免费个人博客:部署+配置+选云推荐全流程指南

几年前我就想拥有一个属于自己的博客,能写技术文章、能搭建作品集、还能展示一些生活点滴。那时候网上的教程很多,但不是缺步骤就是绕来绕去。今天我决定用第一人称+实操流,把“零成本搭建博客”的整个流程——从选平台、部署上线、域名绑定到配置优化,一套一套全写出来。

这篇文章适合:

预算为 0 或极低的新手;

想学会独立搭建网站;

想要真正拥有自己博客的开发者或内容创作者。

第一步:我为什么选静态博客(而不是 WordPress)

一开始我也尝试过 WordPress,功能丰富、后台齐全,但后来我放弃了:

太重了,后台卡顿;

安全性低,插件多不稳定;

云主机成本高(还得考虑备份+数据库);

最终我选择了静态博客框架 Hexo,原因很简单:

本地写 Markdown 就能生成网站;

所有网页生成后直接上传,访问快;

静态网站天生安全,不用担心被黑;

免费托管平台支持(GitHub Pages、Vercel、Netlify 等)。

第二步:博客框架选择,我推荐 Hexo(适合程序员)

虽然还有 Hugo、Jekyll 等,但我还是选 Hexo。理由如下:

基于 Node.js,好上手;

插件主题生态成熟;

写作流程极简:写 Markdown → hexo generate → hexo deploy;

可自定义主题,支持标签、分类、搜索、评论等功能。

第三步:搭建 Hexo 博客的完整流程

以下步骤我亲测有效,按着做就能成功上线。

1. 安装依赖

首先,我本地装了 Node.js 和 Git:

# macOS

brew install node git

# Ubuntu

sudo apt update && sudo apt install nodejs npm git

然后全局安装 Hexo:

npm install -g hexo-cli

2. 初始化博客项目

hexo init my-blog

cd my-blog

npm install

初始化完成后,博客目录结构长这样:

my-blog/

├── _config.yml # 博客配置文件

├── source/ # 博客文章文件夹

├── themes/ # 主题文件夹

3. 预览博客

hexo s

浏览器打开 http://localhost:4000,你能看到默认博客页面。

第四步:部署博客(免费平台推荐)

✅ 方案 A:GitHub Pages(我最推荐)

GitHub Pages 是 完全免费的静态站托管平台,官方维护、无需备案,非常适合搭建博客。

开启部署流程:

在 GitHub 创建一个仓库:your-username.github.io

在本地博客项目中安装部署插件:

npm install hexo-deployer-git --save

修改 _config.yml 添加部署配置:

deploy:

type: git

repo: https://github.com/your-username/your-username.github.io.git

branch: main

一键生成并部署:

hexo clean

hexo g

hexo d

等 1 分钟后访问:

https://your-username.github.io

就能看到博客上线!

✅ 方案 B:Vercel(速度快,CI 部署)

我也试过用 Vercel 自动部署:

把 Hexo 生成的 public/ 文件夹推到 Git 仓库;

在 Vercel 连接这个仓库,部署静态目录;

每次提交自动上线,国内访问速度也不错。

但 Vercel 对 Hexo 支持略麻烦,需要手动 push public,而不是 Hexo 自动部署,所以不如 GitHub Pages 简单直接。

第五步:博客美化与功能增强(强烈推荐)

1. 换个主题

我用的是 hexo-theme-butterfly,颜值高、功能全、文档好。安装方式:

cd themes

git clone https://github.com/jerryc127/hexo-theme-butterfly.git butterfly

修改 _config.yml:

theme: butterfly

然后根据主题文档配置导航栏、评论、代码高亮、打赏等。

2. 开启评论系统

我用的是 Waline,它支持匿名评论、部署方便、支持 Markdown。

如果你想简单一点,也可以用 Giscus(基于 GitHub Issues 评论),完全免部署。

3. 加入访问统计

我接入了 Umami 做统计(因为 Google Analytics 在国内访问不到),搭配 Cloudflare Pages + 自建后端,统计清晰可视。

第六步:绑定自定义域名(让博客更像样)

虽然 your-name.github.io 也能用,但我还是想绑定个自己的域名,比如 myblog.xyz。

我买域名的平台是 Namecheap(支持支付宝),然后这样配置:

在 GitHub Pages 项目设置中添加自定义域名;

在域名管理平台添加 A 记录:

@ → 185.199.108.153(GitHub Pages 的 IP)

等几分钟后,你的博客就能通过自己的域名访问了!

第七步:低成本云平台推荐(可选)

虽然 Hexo 可以免费部署,但如果你想部署 WordPress、自定义后端、Bot 等,还得要云主机。

我用过不少平台,最后推荐:

✅ nice cloud:我目前用得最爽的云平台

为什么它适合新手搭建博客?

不用实名认证、不用绑信用卡、不需要海外手机号;

提供 GCP、AWS、阿里云国际版账号,用邮箱就能注册;

比官方便宜(我自己开通的 GCP 账号比官网便宜 30%);

可按小时/天计费,试错成本低;

开完账号后,你能直接登录官方平台管理实例,不是黑盒。

我用 nice cloud 搭了 WordPress 和一个自建评论服务,用下来非常稳定。

总结:搭建博客不难,难的是开始第一步

你可能觉得网站开发很远,但 Hexo + GitHub Pages 这个组合几乎零门槛。它教会了我:

什么是静态网站生成器;

如何用 Git 做版本控制;

如何发布网站到云平台;

如何配置域名、主题、自定义功能。

而这些能力,不止能帮你搭博客,更是你成为独立开发者的重要技能积累。

💎 相关推荐