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

首先fork此项目https://github.com/reflexjs/nextjs-starter-blog，我fork后的项目地址是https://github.com/ymbrite/rnsb

然后访问https://github.com/ymbrite/rnsb/tree/master/content/posts，新建源帖fh.mdx，内容为：
---
title: 战马
excerpt: "这是一篇文章"
date: "2026-01-04T10:57:00"
published: true
image: "/images/water-color.jpg"
caption: "A placeholder image shown at the top."
author:
  - emilia-garcia
category:
  - writing
---

 
此处写视频的嵌入代码

（ 详见https://github.com/ymbrite/rnsb/blob/master/content/posts/fh.mdx?plain=1 . 在这里https://github.com/ymbrite/rnsb/tree/master/public/images，我上传了water-color.jpg文件，然后删除了原有的placeholder.jpg文件，然后把上面的image

的值改为了/images/water-color.jpg。当然你不修改image的值，仍保持为/images/placeholder.jpg也可。）

 然后访问vercel.com/new ,导入项目https://github.com/ymbrite/rnsb, (点击import按钮后，在跳到的页面里，要设置环境变量NODE_OPTIONS，其值为 --openssl-legacy-provider 。这里https://github.com/ymbrite/rnsb/blob/master/content/authors/emilia-garcia.mdx?plain=1写死了author的值。所以在源帖里，不要去改author的值。否则部署时，会遇到错误。

这里https://github.com/ymbrite/rnsb/blob/master/content/categories/writing.mdx，写死了category的值，所以在源帖里，不要去改category的值。否则部署时，会遇到错误。）

点击deploy按钮，等待部署完成，部署完成后，我得到网址https://rnsb-tjsj.vercel.app/

 新建源帖后，博客网站3分钟内就会自动更新。

 项目地址： 

https://github.com/reflexjs/nextjs-starter-blog
https://github.com/ymbrite/rnsb

演示博客：

https://rnsb-tjsj.vercel.app/

https://rnsb-tjsj.vercel.app/blog/fh  能显示视频