首先fork此项目:https://github.com/reactjs/react.dev,我fork后,得到的项目地址是
https://github.com/briteming/rrd
访问https://github.com/briteming/rrd/tree/main/src/content/blog/,在此处新建源帖(即add file),还要添加某年/某月/某日这样的目录:
https://github.com/briteming/rrd/tree/main/src/content/blog/2026/06/03
我新建了源帖fh.md,内容为:
---
title: "战马"
author: ym
date: 2026/06/03
description: 这是一个视频
---
June 03, 2026
---
此处写正文或html codes.
( 详见https://github.com/briteming/rrd/blob/main/src/content/blog/2026/06/03/fh.md?plain=1)
然后返回这里:
https://github.com/briteming/rrd/tree/main/src/content/blog ,编辑index.md ,在顶部的
<BlogCard title=... 那一行的上面加上:
<BlogCard title="战马" date="June 03, 2026" url="/blog/2026/06/03/fh">
这是一个视频。
</BlogCard>
一定要加上这段内容。否则相应的帖子https://rrd-dusky.vercel.app/blog/2026/06/03/fh虽然能打开,但不会显示在博客的首页:https://rrd-dusky.vercel.app/blog/
然后,访问vercel.com/new ,导入项目https://github.com/briteming/rrd
Build Command栏填入yarn build
Install Command栏填入yarn
然后点击底部的deploy按钮,等待部署完成。部署完成后,我得到网址:
https://rrd-dusky.vercel.app/
项目地址:
https://github.com/reactjs/react.dev
https://github.com/briteming/rrd
演示博客:
https://rrd-dusky.vercel.app/blog
https://rrd-dusky.vercel.app/blog/2026/06/03/fh 能显示视频