Astro中的动态路由（从JSON加载参数）

在Astro项目中创建动态项目页面需要在src/pages目录下创建projectsDetail文件夹。

在projectsDetail文件夹中初始化[id].astro文件，使用动态占位符[id]。

通过getStaticPaths函数定义静态路径，确保在构建时预渲染特定的项目页面。

使用Astro.params访问动态ID，以便在页面上显示项目详情。

使用<Debug>组件进行调试，确保正确的数据被传递和渲染。

构建项目后，通过npm run build命令生成静态文件，并使用npm run dev进行本地测试。

为了提高动态路由的效率，可以从JSON文件加载静态路径的参数。

创建projects.json文件，包含每个项目的唯一标识符和详细信息。

更新getStaticPaths函数以从projects.json文件加载项目详情，动态生成静态路径。

使用find函数根据URL中的ID获取项目详情，确保正确显示项目标题和描述。

动态路由是用于博客类网站的核心功能，可以为每个内容对象生成专用页面。