使用 Astro 快速搭建个人博客

首页/文章/技术

使 Astro 

使用 Astro 快速搭建个人博客#

这是一篇示例技术文章,用于展示本站的文章能力:代码高亮、Mermaid 图表、标签与分类。

为什么选择 Astro#

  • 默认零 JS,加载速度快
  • 内容优先,对 Markdown / MDX 友好
  • 生态成熟,部署简单(Vercel / Cloudflare)

快速开始#

Terminal window
# 创建项目
npm create astro@latest
# 启动开发服务器
npm run dev

一个简单的组件#

---
const { title } = Astro.props;
---
<h1>{title}</h1>

架构示意#

内容

Astro 构建

静态站点

Vercel 部署

内容

Astro 构建

静态站点

Vercel 部署

小结#

更多内容持续更新中。

使用 Astro 快速搭建个人博客
https://yicheng.ink/posts/astro-starter/
作者
yicheng
发布于
2026-08-17
许可协议
CC BY-NC-SA 4.0

当前页面没有目录