WEB
从零搭建个人博客:域名、服务器与静态站点
记录 snowsong.top 从域名注册到 Nginx 部署的全过程。含三条部署路径的对比与最终选择。
背景
作为学生开发者,一直想要一个属于自己的个人博客,用来记录学习笔记 和技术积累。经过几个月的调研和准备,终于迈出了第一步。
基础设施
| 资源 | 详情 |
|---|---|
| 域名 | snowsong.top(雨云注册) |
| 云服务器 | 腾讯云 CVM 学生机 · Debian 13 · 2核/2GB |
| 宿舍服务器 | ThinkCentre M920q · Ubuntu LTS · 24/7 |
| Web 服务器 | Nginx(裸机,无面板) |
部署方案对比
在动手之前,详细对比了三条路径:
| 方案 | 年成本 | 合规性 | 适用场景 |
|---|---|---|---|
| A: Cloudflare Tunnel | 0 元 | 灰色 | 零预算实验 |
| B: 云学生机 + frp | 68-99 元 | 合规 | 推荐方案 |
| C: 混合方案 | 0 元 | 灰色 | 需用户认证 |
最终第一阶段选择了简化版路径 B:直接在云服务器上部署静态站点, 暂不使用 frp。后续需要宿舍服务器资源时再接入。
技术选型
- 纯静态 HTML + CSS:无框架、无 JavaScript、无数据库
- Nginx:高性能反向代理与静态文件服务
- 文件系统存储:每篇博客是一个独立 HTML 文件,按分类文件夹存放
- 设计风格:Brutalism × Wired 融合
部署步骤摘要
- 在雨云注册域名
snowsong.top - 购买腾讯云 CVM 学生机,重装为 Debian 13 裸机
- 安装 Nginx,配置站点
- DNS A 记录指向
118.89.113.212 - 本机开发 HTML 文件,SCP 上传到服务器
详细部署过程见后续文章。包括 Nginx 配置、防火墙设置、Let's Encrypt HTTPS 证书申请等。
设计理念
这个博客的设计融合了两种风格:
Brutalism(粗野主义) — 等宽 Courier New 字体统摄全篇, 全直角无圆角,纯灰度四色调色板,无阴影无渐变,每一个元素都赤裸呈现其功能。
Wired 杂志 — 黑色功能分区的 Ribbon 条、hairline 细分割线、
MONO ALL-CAPS 眉头标签、编辑排版式文章层级。仅在链接处保留一抹蓝色
(#057dbc)作为唯一 accent。
后续计划
- 配置 Let's Encrypt 自动续期 HTTPS 证书
- 完成 ICP 备案
- 接入 frp,打通宿舍服务器上的数据库和应用
- 添加 RSS 订阅
- 可能引入简单的 Markdown → HTML 转换脚本