Total Pageviews

Saturday, 1 August 2026

搭建基于nextjs的静态博客程序rrd(这是另外一个rrd,不是之前的帖子说的那个)


首先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 能显示视频