Hello World: 我的个人博客上线了

前言

你好！欢迎来到我的个人博客。这是我使用 Astro 框架搭建的第一篇博客文章。

为什么选择 Astro？

在选择博客框架时，我考虑了以下几个方案：

Next.js — 功能强大，但对于纯内容站点来说过于复杂
Hugo — 构建速度极快，但 Go 模板语法对前端开发者不太友好
Hexo — 曾经流行，但社区活跃度在下降
Astro — 专为内容站点设计，零 JS 默认输出，性能极佳

最终我选择了 Astro，原因如下：

🚀 极致性能 — 默认不发送任何 JavaScript 到客户端
📝 Markdown 优先 — 原生支持 Markdown 和 MDX
🎨 灵活的组件 — 可以使用 React、Vue、Svelte 等任何框架的组件
🔍 SEO 友好 — 静态 HTML 输出，对搜索引擎非常友好

技术栈

这个博客使用了以下技术：

const techStack = {
  framework: "Astro 5",
  styling: "Tailwind CSS v3",
  content: "Markdown + MDX",
  search: "Pagefind",
  comments: "Giscus",
  deployment: "Vercel / Netlify",
};

功能特性

代码高亮

Astro 内置了 Shiki 代码高亮，支持多种主题：

def hello_world():
    """一个简单的 Python 示例"""
    print("Hello, World! 🎉")
    return {"status": "success"}

result = hello_world()
print(result)

数学公式

虽然默认不支持 LaTeX，但可以通过插件扩展。

表格

特性	Astro	Next.js	Hugo
构建速度	快	中	极快
学习曲线	低	中	中
生态系统	成长中	成熟	成熟
JS 输出	零	多	零

引用

好的工具应该让复杂的事情变简单，而不是让简单的事情变复杂。

— 某位聪明的开发者

后续计划

接下来我计划：

搭建博客基础框架
实现文章列表和详情页
添加暗色模式
完善相册功能
添加更多示例文章
部署到生产环境

结语

感谢你阅读到这里！如果你也想搭建一个类似的博客，可以参考这个项目的源代码。

欢迎在评论区留言交流！💬