AstroJS如何自动获取指定文件夹下的所有.astro页面？

你可以借助Vite的import.meta.globAPI来实现，Astro基于Vite，所以这个API可以直接使用，无需依赖仅支持.md文件的collections。

实现步骤： #

1. 在src/pages/index.astro的脚本部分，批量获取topics目录下的所有.astro文件：

---
// 同步加载topics目录下所有.astro文件
const topicFiles = import.meta.glob('../pages/topics/*.astro', { eager: true });

// 处理文件数据，生成路由和标题信息
const topicNavItems = Object.entries(topicFiles).map(([filePath, module]) => {
  // 转换文件路径为页面路由：../pages/topics/xxx.astro → /topics/xxx
  const route = filePath.replace('../pages', '').replace('.astro', '');
  // 优先取页面导出的title，没有则用路由最后一段作为标题
  const title = module.title || route.split('/').pop();
  return { route, title };
});
---

2. 在模板部分遍历生成导航列表：

<div class="topic-nav">
  <h3>所有主题</h3>
  <ul>
    {topicNavItems.map(item => (
      <li key={item.route}>
        <a href={item.route}>{item.title}</a>
      </li>
    ))}
  </ul>
</div>

补充说明： #

• 如果你的主题页面使用frontmatter定义标题（比如--- title: "主题名称" ---），可以把module.title换成module.frontmatter.title来获取
• import.meta.glob的路径是相对当前文件的路径，确保路径和你的项目结构匹配
• 这个方法完全适配.astro文件，不需要schema校验，符合你的需求

内容的提问来源于stack exchange，提问作者jpala