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

 首先fork此项目https://github.com/JoseRFelix/nextjs-starter-blog，

我fork后的地址是https://github.com/briteming/nsb/, 然后访问https://github.com/briteming/nsb/tree/master/content/posts，新建源帖:

点击右上角的add file->create new file,在出现的框里输入test/,在这框的右边出现的框里，输入

test.md ,然后在下方出现的大框里，输入：

 ---
title: 测试
date: 2020-07-29
---

这是测试。

看看如何？

 然后点击右上角的commit changes.如下图：

 这里，为了使得发表的帖子按时间顺序排列，我把date的值设为了2020-07-29 这样的格式。

只能按天写date的值，方能使得发表的帖子按时间顺序排列。所以我把之后的帖子https://nsb-ihgf.vercel.app/posts/test2https://nsb-ihgf.vercel.app/posts/test2的源帖中的date的值设为了2020-07-30 ，以此类推。

然后，访问https://github.com/briteming/nsb/blob/master/package.json，编辑package.json，把第7行的"node"的值改为"20"或"22" （见这里https://vercel.com/docs/functions/runtimes/node-js/node-js-versions的说明）

然后访问vercel.com/new, 导入项目 https://github.com/briteming/nsb/，点击deploy按钮，等待部署完成，部署完成后，我得到网址https://nsb-ihgf.vercel.app/

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

这类基于nextjs的静态博客程序都不直接支持发表图文并茂的文章。所以我发表图文并茂的‘扬州’文章都失败了。

 项目地址：

https://github.com/JoseRFelix/nextjs-starter-blog

 https://github.com/briteming/nsb

demo blog:  https://nsb-ihgf.vercel.app/

相关帖子： 

https://briteming.blogspot.com/2025/11/nextjsnext-blog.html

 https://briteming.blogspot.com/2025/11/nextjsnext-blog_22.html