安装设置

**如果您是从上一课继续学习,**可以跳过本页内容。

下载初始代码 (可选)

如果您没有学习上一课,可以下载、安装并运行本课的初始代码。这将创建一个与上一课结果完全相同的 nextjs-blog 目录。

再次强调,如果您刚完成上一课的学习,则无需此步骤。

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

然后按照命令行输出的指示操作(进入目录并启动开发服务器)。

您还需要更新以下文件:

  • public/images/profile.jpg 替换为您的照片(建议尺寸:400px 宽/高)
  • components/layout.js 中将 const name = '[您的姓名]' 修改为您的姓名
  • pages/index.js 中将 <p>[自我介绍内容]</p> 替换为您的自我介绍

On this page