Skip to content
Astro Paper Blog
Go back

使用 Astro 构建个人博客

Edit page
TL;DR

本文介绍如何使用 Astro 框架搭建个人博客,展示 Markdown 排版效果。

为什么选择 Astro

Astro 是一个现代化的静态站点生成器,特别适合内容驱动的网站。它的优势包括:

  • 零 JavaScript 默认 — 页面默认不发送 JS,加载极快
  • 内容集合 — 内置类型安全的内容管理
  • 岛屿架构 — 按需激活交互组件

快速开始

创建项目只需几步:

npm create astro@latest
cd my-blog
npm run dev

代码示例

一个简单的 Astro 组件:

---
const title = "Hello World";
---
<h1>{title}</h1>

总结

Astro 让博客搭建变得简单高效,非常适合追求性能和开发体验的开发者。


Edit page