从零搭建个人博客:我的选择与思考

搭建一个个人博客,听起来是件简单的事,但真到了要动手的时候,选择实在太多了。这篇文章记录了我在这个过程中的思考和最终的决定。

方案对比

在开始之前,我调研了几种主流的博客方案:

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 访问则不受影响。

总结

技术选型没有绝对的好坏,只有适不适合。对于个人博客来说,简单、稳定、安全是第一位的。纯静态方案完美满足了这些需求,也让我可以把更多精力放在内容本身。

最好的工具,是你用起来不需要思考工具本身的工具。