Technology

你好,Stablo:我的第一篇测试文章

Author Photo

Mario Sanchez

Thumbnail

欢迎来到我的博客!这篇文章用于测试 Stablo 主题在 Astro 下的渲染效果。如果你能在首页看到封面卡片、点进来看到正常的排版,说明主题已经生效。

为什么选择 Astro + Stablo

  • Astro 默认零 JS,静态输出,加载飞快;
  • Stablo 基于 Tailwind CSS,版式简洁现代;
  • 用 Markdown/MDX 写作,内容与样式分离。

提示:文章都放在 src/content/blog/ 目录,文件名即文章地址(slug)。

代码块测试

下面是一段 Astro 组件示例:

---
const greeting = "Hello, Stablo!";
---

<h1>{greeting}</h1>

列表与链接

  1. 新建 .md 文件;
  2. 填写顶部的标题、摘要、封面等信息;
  3. 运行 npm run build 并部署。

更多语法可以参考 Astro 官方文档。


测试到此结束,接下来可以把示例文章删除,开始写你自己的内容。

#astro#stablo#测试
Author Photo

About Mario Sanchez

Mario is a Staff Engineer specialising in Frontend at Vercel, as well as being a co-founder of Acme and the content management system Sanity. Prior to this, he was a Senior Engineer at Apple.