无法自定义Astrowind模板：将博客列表移至首页遇Permalink错误

1. 修复Post导入失败问题 #

原[...blog]/index.astro的post导入逻辑依赖博客路由的相对路径，复制到根目录后路径关联会失效，按以下方式调整：

• 找到文件中获取文章的代码，若使用Astro内容集合API，确认调用路径正确：

  import { getCollection } from 'astro:content';
  // 确保集合名与astro.config.mjs中定义的一致，Astrowind默认是'blog'
  const posts = await getCollection('blog');
  

• 检查astro.config.mjs的content配置，确保已正确注册博客集合：

  export default defineConfig({
    content: {
      collections: {
        blog: {
          schema: z.object({
            title: z.string(),
            date: z.date(),
            // 其他必填字段
          }),
        },
      },
    },
  });
  

• 若使用本地文件导入（而非内容集合），修正相对路径为根目录指向，比如将import posts from '../data/posts'改为import posts from './data/posts'（根据你的项目目录结构调整）。

2. 修复Permalink错误 #

原博客页面的链接生成依赖[...blog]动态路由规则，复制到首页后链接路径会出现异常，调整方式：

• 找到生成文章链接的代码，若使用模板自带的getPermalink工具函数，确保传入正确的类型参数：

  import { getPermalink } from '../utils/permalinks';
  // 第二个参数指定为'blog'，确保生成/blog/[slug]格式的链接
  <a href={getPermalink(post.slug, 'blog')}>{post.title}</a>
  

• 若直接写死链接路径，修正为博客文章实际路由，比如：

  <a href={`/blog/${post.slug}`}>{post.title}</a>
  

• 检查utils/permalinks.js中的路径规则，确保博客类型的Permalink配置正确：

  export function getPermalink(slug, type) {
    switch (type) {
      case 'blog':
        return `/blog/${slug}/`;
      default:
        return `/${slug}/`;
    }
  }
  

3. 额外适配建议 #

• 删除原文件中与动态路由、分页相关的代码（比如Astro.params的调用逻辑），首页无需这些路由参数处理。
• 根据首页布局需求调整文章列表的样式，避免原博客页面的样式规则与首页布局冲突。

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