跳到内容

29

设置

如果您从上一课继续学习, 可以跳过此页面。

下载入门代码(可选)

如果您不是从上一课继续学习,您可以下载、安装并运行以下本课的入门代码。这将创建一个 nextjs-blog 目录,使其与上一课的结果完全相同。

再次说明,如果您刚刚完成上一课,则不是必须执行此操作。

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/dynamic-routes-starter"

然后按照命令输出中的说明操作(cd 进入目录并启动开发服务器)。

您还应该更新以下文件

  • 使用您的照片更新 public/images/profile.jpg(推荐:400px 宽度/高度)。
  • components/layout.js 中,将 const name = '[Your Name]' 替换为您的姓名。
  • pages/index.js 中,将 <p>[Your Self Introduction]</p> 替换为您的自我介绍。

您已完成章节29

下一步

30: 页面路径取决于外部数据