如何搭建自己的个人博客
大约 3 分钟
一、方案汇总
| 方案 | 平台 | 成本 | 优缺点 |
|---|---|---|---|
| 方案一：社区平台 | - 飞书 - 语雀 - CSDN/博客园 - 其他技术社区 | 经济上：0 技术上：无 | 优点： - 方便，0成本 - 背靠社区 - 有后台管理 缺点： - 比较难自定义页面 |
| 方案二：Github Pages/Vercel + Hexo/Vuepress | - Github Pages - Github + Vercel - Gitee Pages（Pro关闭了） | 经济上：0 技术上：需要了解前端知识 | 优点： - 自定义能力强 - 主题多 缺点： - 这类博客一般是纯静态网页，一般没有后台或数据统计 - 需要一定前端知识 |
| 方案三：云服务器 + Wordpress | - 云服务器 + Wordpress | 经济上：需要一台云服务器（0~100/月，新用户/学生优惠） 技术上：无，了解前端/后端更好 | 优点： - 主题多 - 有后台管理 缺点： - 经济上有一定成本 |
| 方案四：微信公众号以及其他各类公众号 | - 申请公众号 | 经济上：0 技术上：无 | 优点： - 方便，0成本 - 背靠社区 - 有后台管理 缺点： - 比较难自定义页面 |
方案一：社区平台、方案四：微信公众号以及其他各类公众号这里不多介绍，上手较为简单，主要是输出好的文章和运营自己的账号；方案三只做简单介绍，因为本人也用的较少
这里主要介绍方案二：
二、方案二：Github Pages/Vercel + Hexo/Vuepress
1. 准备环境
- Nodejs（推荐一手NVM）
- Git
2. 找喜欢的主题
3. 初始化项目并上传Github
这里以vuepress-theme-hope 主题为例，也推荐大家使用。官方文档快速上手和线上Demo
一个基本的项目结构如下:
.
├── .github (可选的) → GitHub 配置文件存放路径
│ └── workflow → GitHub 工作流配置
│ └── docs-deploy.yml → 自动部署文档的工作流
│
├── src → 文档文件夹
│ │
│ ├── .vuepress (可选的) → VuePress 配置文件夹
│ │ │
│ │ ├── dist (默认的) → 构建输出目录
│ │ │
│ │ ├── public (可选的) → 静态资源目录
│ │ │
│ │ ├── styles (可选的) → 用于存放样式相关的文件
│ │ │
│ │ ├── config.{js,ts} (可选的) → 配置文件的入口文件
│ │ │
│ │ └── client.{js,ts} (可选的) → 客户端文件
│ │
│ ├── ... → 其他项目文档
│ │
│ └── README.md → 项目主页
│
└── package.json → Nodejs 配置文件
4. 部署 Deploy
官方有介绍如何部署到Github Pages- Deploy Github Pages
我这里补充如何部署到Vercel
4.1. 如何部署到Vercel
- 登录Vercelhttps://vercel.com/，Github授权
- Vercel添加项目
![[Pasted image 20250228155556.png]]
- 选择自己的博客存储库，点击import
![[Pasted image 20250228155627.png]]
- 点击部署Deploy等待即可
![[Pasted image 20250228155636.png]]
- 部署好后会有一个默认的域名，如果需要自定义域名可以去购买一个域名然后解析即可（.top的域名我之前购买是3年/27）
![[Pasted image 20250228155657.png]]
5. 成果
https://v-blog.yyshino.top/
![[Pasted image 20250228155715.png]] ![[Pasted image 20250228155722.png]] ![[Pasted image 20250228155729.png]] ![[Pasted image 20250228155737.png]]
三、方案三 云服务器 + Wordpress
我之前是通过
WordPress教程，0基础学会WordPress建站（2024/7月更新） – 奶爸建站笔记