搭建基于nextjs的静态博客程序pcpc

首先fork此项目：https://github.com/playwright-community/playwright-community，我fork后，得到的项目地址是https://github.com/brightmann/pcpc

访问https://github.com/brightmann/pcpc/tree/main/src/pages/blog，在此处新建源帖（即add file),我新建了源帖fh.mdx，内容为：

export const meta = {
  title: '战马',
  description: "这是一篇文章",
  author: "ym",
  date: "2026-08-06 21:10",
  tags: ["misc1", "misc2", "misc3"],
}

此处写正文或html codes.

( 详见https://github.com/brightmann/pcpc/blob/main/src/pages/blog/fh.mdx?plain=1） 

然后，访问vercel.com/new ,导入项目https://github.com/brightmann/pcpc

  Build Command栏填入yarn build
 Install Command栏填入yarn

然后点击底部的deploy按钮，等待部署完成。部署完成后，我得到网址:
https://pcpc-three.vercel.app/

项目地址：
https://github.com/playwright-community/playwright-community
https://github.com/brightmann/pcpc

演示博客：

 https://pcpc-three.vercel.app/

 https://pcpc-three.vercel.app/blog/fh  能显示视频