给一个小想法，留一个独立的网址

这是一篇项目使用示例。实验室把多个小网站放在同一个入口下，你可以根据项目复杂程度选择不同的接入方式。

方法一：在博客项目里开发

在 src/pages/lab/ 下新建一个 .astro 文件。例如创建 color.astro，就会得到 /lab/color/ 路径。

复用 Base.astro 布局后，新页面会自动拥有导航、主题切换和页脚。交互代码可以写在页面的 <script> 标签里。

方法二：放入独立 HTML 小站

如果你已经有一个完整的 HTML 小网站，把它放进 public/apps/：

public/
  apps/
    my-tool/
      index.html
      style.css
      app.js

站点会保留这些文件，构建后可以通过 /apps/my-tool/ 打开。小站内部资源请使用 ./style.css 这样的相对路径，方便将来迁移。

加入导航

编辑 src/data/projects.ts，添加一条项目记录。站内页面用相对路径，例如 apps/my-tool/；外部网站使用完整的 https:// 链接，会在新标签页打开。

首页会自动展示项目，实验室页会生成对应的分类筛选按钮。

保持边界简单

静态小工具可以直接放在这里。需要后端、数据库或独立框架构建的项目，更适合单独部署，再从实验室链接过去。

从一个小页面开始，真正用上了，再慢慢扩展。