2024最新版从零到一免费稳定搭建高颜值个人博客（含教程图片）

2026-08-02 00:27:42 59阅读

2024最新版全图文教程，专为零基础小白打造从0到1的免费稳定高颜值个人博客！，教程精选主流无成本组合方案——静态工具选易上手的Hexo/Hugo，托管平台用GitHub Pages+国内Gitee Pages双镜像解决国内访问慢问题，适配全设备的极简/轻设计感模板任选；关键步骤如环境搭建、仓库配置、模板克隆、本地创作推更、插件加美化都配直观截图，帮新手快速落地专属内容沉淀阵地，适合学生、兴趣博主入门。

你有没有想过,拥有一个完全属于自己的“小天地”？不用看社交平台的算法脸色，不用担心内容被限流，想写什么就写什么，排版、风格全由自己说了算——这就是个人博客的魅力。

很多人觉得“搭建博客”是技术大佬的事，但其实现在有超简单的免费方案：Hexo + GitHub Pages，不用买服务器，不用懂复杂代码，跟着这篇教程，30分钟就能搞定！

第一步：先准备好“工具包”

要搭博客,得先装两个必备软件，放心，都是一键安装的：

安装 Git（版本控制工具）

去 Git官网下载对应系统的安装包（Windows选64位的就行）。
安装时一路“Next”到底，不用改设置。
安装完后,打开电脑的命令行（Windows按 Win+R 输入 cmd，Mac打开“终端”），输入 git --version，如果跳出版本号，就说明装成功啦！

安装 Node.js（运行环境）

去 Node.js官网下载左边的“长期支持版”（LTS）。
同样一键安装,一路“Next”。
命令行输入 node -v 和 npm -v，都有版本号就OK！

第二步：安装 Hexo（博客框架）

Hexo是个超火的静态博客框架,能把你的文字快速变成网页。

在命令行里输入：
```
npm install -g hexo-cli
```
（这里可能要等几十秒，因为是从国外下载，慢的话可以换国内源，不过新手直接等就行）
检查是否安装成功：输入 hexo -v，有一堆信息跳出来就对了！

第三步：初始化你的博客

选一个你想存博客文件的地方（比如D盘的“我的博客”文件夹），在命令行里进入这个文件夹（比如Windows输入 d: 回车，再输入 cd 我的博客），然后输入：

hexo init myblog

（“myblog”是你的博客文件夹名，可以随便改）

接着进入这个文件夹：

cd myblog

再安装依赖（让Hexo跑起来的小零件）：

npm install

第四步：本地预览一下！

现在你的博客雏形已经有了,先在自己电脑上看看效果：

hexo s

（s是server的缩写）

然后打开浏览器,输入 http://localhost:4000，你会看到一个默认的Hexo博客页面——是不是超有成就感！

看完后按 Ctrl+C 退出本地预览。

第五步：连接 GitHub Pages（让博客上线！）

现在博客只能自己看,得用GitHub Pages把它放到网上，让所有人都能访问。

注册/登录 GitHub

如果没有GitHub账号,先去 GitHub官网注册一个（用邮箱就行，很简单）。

创建仓库

登录后,点击右上角的号，选 New repository。
仓库名必须是：你的用户名.github.io（比如你的GitHub用户名是xiaoming，就填 xiaoming.github.io，这点很重要！敲黑板！）
仓库设为 Public（公开），不用选其他选项，直接点 Create repository。

配置 Git 信息

回到命令行,输入下面两行（把引号里的换成你自己的GitHub用户名和邮箱）：

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

安装部署插件

在 myblog 文件夹下的命令行里输入：

npm install hexo-deployer-git --save

配置部署文件

打开你的博客文件夹 myblog，找到 _config.yml 文件（这是Hexo的核心配置文件），用记事本或VS Code打开，拉到最下面，找到 deploy: 部分，改成这样：

deploy:
  type: git
  repo: https://github.com/你的用户名/你的用户名.github.io.git
  branch: main

（把“你的用户名”换成你GitHub的用户名，注意冒号后面都要有空格！）

第六步：一键部署到网上！

配置好后,依次输入下面三个命令（每次等上一个执行完再输入下一个）：

hexo clean   # 清理旧文件
hexo g       # 生成新的网页文件（g是generate的缩写）
hexo d       # 部署到GitHub（d是deploy的缩写）

第一次部署可能需要输入GitHub的账号密码（或者用SSH密钥，新手直接输密码就行）。

部署成功后,等1-2分钟，打开浏览器输入 https://你的用户名.github.io——你的博客正式上线啦！

第七步：换个高颜值主题！

默认的Hexo主题有点朴素,咱们换个好看的，比如热门的 Butterfly 主题：

在 myblog 文件夹的命令行里输入：

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

再次打开 _config.yml 文件，找到 theme: 那一行，把后面的 landscape 改成 butterfly：
```
theme: butterfly
```
再执行一次部署命令：
```
hexo clean
hexo g
hexo d
```
刷新你的博客,瞬间变得高大上了！主题的更多配置（比如改背景、加头像）可以去Butterfly的官方文档看，非常详细。

第八步：发布你的第一篇文章！

在命令行输入：

hexo new "我的第一篇博客"

然后去 myblog/source/_posts 文件夹里，会看到一个 我的第一篇博客.md 文件，用Markdown编辑器（比如Typora、VS Code）打开，写上你想说的话！

写完后,再执行 hexo clean、hexo g、hexo d，文章就上线啦！

最后想说的话

搭建博客只是第一步,更重要的是坚持写下去，它可以是你的技术笔记、生活随想、读书笔记……不管是什么，只要是你想记录的，都可以放进去。

现在就动手试试吧！搭好之后，欢迎在评论区留下你的博客链接，大家一起互相串门呀～

你学会了吗？如果遇到问题，可以在评论区留言，我会尽力帮你解答～