搭建一个个人博客,听起来是件简单的事,但真到了要动手的时候,选择实在太多了。这篇文章记录了我在这个过程中的思考和最终的决定。
方案对比
在开始之前,我调研了几种主流的博客方案:
1. WordPress
最老牌的博客系统,插件丰富,主题众多。但需要 PHP + MySQL 环境,对于一台已经跑着其他服务的服务器来说,再装一套 LAMP/LNMP 有点重了。而且 WordPress 的安全性一直被诟病,需要频繁更新。
2. Hexo / Hugo / Jekyll
静态博客生成器,在本地写 Markdown,生成静态 HTML 后部署到服务器。优点是不需要数据库,安全性高,加载速度快。缺点是每次写完文章需要在本地构建再部署。
3. 纯静态页面
直接手写 HTML/CSS/JS,不依赖任何框架。最轻量,最自由,但维护成本较高。
我的选择
最终我选择了纯静态页面方案。原因如下:
- 服务器上已经运行了其他服务,不想再引入额外的运行时依赖
- 静态页面加载极快,对 SEO 友好
- 安全性最高 —— 没有后台,没有数据库,没有攻击面
- 完全可控的样式和结构,不受框架限制
- Nginx 直接托管静态文件,配置简单
技术细节
整个博客的技术栈非常简洁:
- 前端:原生 HTML + CSS + JavaScript,无框架依赖
- 字体:系统字体栈(Noto Sans SC / PingFang SC / Microsoft YaHei)
- 部署:Nginx 静态文件托管
- 域名:aromajoy.asia
CSS 使用了 CSS Custom Properties(变量),方便统一管理颜色和间距。整体设计走的是简约风格,注重阅读体验和加载速度。
Nginx 配置
为了不影响服务器上已有的服务,我在 Nginx 中为博客配置了独立的 server block:
server {
listen 80;
server_name aromajoy.asia;
root /opt/personal-homepage;
index index.html;
location / {
try_files $uri $uri/ =404;
}
}
这样,访问 aromajoy.asia 时会打开博客,而其他域名或直接 IP 访问则不受影响。
总结
技术选型没有绝对的好坏,只有适不适合。对于个人博客来说,简单、稳定、安全是第一位的。纯静态方案完美满足了这些需求,也让我可以把更多精力放在内容本身。
最好的工具,是你用起来不需要思考工具本身的工具。