如何在Astro（Astro Paper模板）中修改默认文章路径'/posts/'？

1. 硬编码链接与base配置的关系 #

你发现的src/components/Search.tsx:115中href={/posts/${item.slug}/}属于硬编码路由，astro.config.ts里的base配置不影响这个路径——base是用来设置站点全局前缀（比如部署在子域名/子路径时使用），和具体的文章路由结构无关，所以添加后无变化是正常的。

2. 实现「作者/文章slug」的URL结构 #

要达成mysite.example/author1/article1这类路径，需要从以下几个核心环节调整：

（1）修改文章页面的路由文件

Astro Paper默认的文章页面是src/pages/posts/[slug].astro，要改成带作者的动态路由：

• 创建新页面文件：src/pages/[author]/[slug].astro
• 在该文件中通过内容API匹配对应作者和slug的文章，示例代码：

---
import { getCollection } from 'astro:content';
import PostLayout from '../../layouts/PostLayout.astro';

export async function getStaticPaths() {
  const posts = await getCollection('posts');
  return posts.map(post => ({
    params: { author: post.data.author, slug: post.slug },
    props: { post },
  }));
}

const { post } = Astro.props;
---

<PostLayout post={post}>{post.body}</PostLayout>

注意：确保所有文章的frontmatter中都添加了author字段，比如author: "author1"

（2）替换所有硬编码的/posts/链接

除了Search.tsx，还要检查其他存在硬编码链接的文件：

• Search.tsx：将href={/posts/${item.slug}/}改为href={/${item.author}/${item.slug}/}，同时确保搜索索引生成时包含author字段，让搜索结果能拿到该值
• PostCard.tsx：找到文章卡片的跳转链接，替换为/${post.data.author}/${post.slug}/
• 其他导航链接：比如文章详情页的返回列表链接、侧边栏文章入口等，同步修改路径格式

（3）关于collections调整的补充

Astro的collections配置主要负责内容元数据校验、slug生成规则，不会直接改变页面路由结构——路由结构由src/pages/下的文件路径决定，所以仅调整collections无法解决问题，必须配合路由文件的修改。

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