← WEB 分类
WEB

从零搭建个人博客:域名、服务器与静态站点

记录 snowsong.top 从域名注册到 Nginx 部署的全过程。含三条部署路径的对比与最终选择。


本文目录 · 7 节

背景

作为学生开发者,一直想要一个属于自己的个人博客,用来记录学习笔记 和技术积累。经过几个月的调研和准备,终于迈出了第一步。

基础设施

资源详情
域名snowsong.top(雨云注册)
云服务器腾讯云 CVM 学生机 · Debian 13 · 2核/2GB
宿舍服务器ThinkCentre M920q · Ubuntu LTS · 24/7
Web 服务器Nginx(裸机,无面板)

部署方案对比

在动手之前,详细对比了三条路径:

方案年成本合规性适用场景
A: Cloudflare Tunnel0 元灰色零预算实验
B: 云学生机 + frp68-99 元合规推荐方案
C: 混合方案0 元灰色需用户认证

最终第一阶段选择了简化版路径 B:直接在云服务器上部署静态站点, 暂不使用 frp。后续需要宿舍服务器资源时再接入。

技术选型

  • 纯静态 HTML + CSS:无框架、无 JavaScript、无数据库
  • Nginx:高性能反向代理与静态文件服务
  • 文件系统存储:每篇博客是一个独立 HTML 文件,按分类文件夹存放
  • 设计风格:Brutalism × Wired 融合

部署步骤摘要

  1. 在雨云注册域名 snowsong.top
  2. 购买腾讯云 CVM 学生机,重装为 Debian 13 裸机
  3. 安装 Nginx,配置站点
  4. DNS A 记录指向 118.89.113.212
  5. 本机开发 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 转换脚本