TypeScript

如果您正在继续基础课程的学习, 则可以跳过此页面。单击下面的按钮转到下一页。

下载基础代码(可选)

如果您不是在继续学习基础课程,则可以在下面下载、安装和运行此课程的基础代码。这将建立一个 nextjs-blog 目录,使其与基础课程的结果相同。

再提醒一下,如果您刚刚完成了基础课程,则没有必要这样做。

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/basics-final"

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

您还应该更新以下文件:

  • public/images/profile.jpg 添加一张你的照片(建议宽高都是 400px)。
  • components/layout.js 文件中 const name = '[Your Name]' 替换为你自己的名字。
  • pages/index.js 文件中的 <p>[Your Self Introduction]</p> 替换为你自己的介绍。