技术博客搭建记录

背景

在 VPS（23.254.158.235）上部署一个技术博客，用于记录运维笔记、技术学习和项目部署经验。

需求

• Markdown 写作，与 Git 配合
• 美观现代，支持暗色模式
• 自动 HTTPS
• 轻量，不占用太多资源

技术选型

组件	选择	理由
博客框架	VitePress	Vue 驱动，Markdown 原生，内置搜索和暗色模式
Web 服务器	Caddy	自动 HTTPS，单二进制，配置简洁
域名	blog.985369.xyz	独立子域名
代码管理	GitHub 私有仓库	版本控制，方便协作

部署步骤

1. 安装 Caddy

apt install -y debian-keyring debian-archive-keyring apt-transport-https curl
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | gpg --dearmor -o /usr/share/keyrings/caddy-stable-archive-keyring.gpg
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | tee /etc/apt/sources.list.d/caddy-stable.list
apt update && apt install -y caddy

2. 初始化 VitePress

mkdir -p /var/www/blog
cd /var/www/blog
npm init -y
npm install -D vitepress

3. 配置 Caddy

编辑 /etc/caddy/Caddyfile，添加博客域名。

4. 构建并启动

cd /var/www/blog
npm run docs:build
systemctl reload caddy

结果

访问 https://blog.985369.xyz 即可看到本博客。

后续计划

• [x] 基础博客框架搭建
• [ ] Git 仓库初始化并推送到 GitHub
• [ ] 撰写更多技术文章
• [ ] 配置自动部署
• [ ] 集成评论系统