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

首先fork此项目https://github.com/hswolff/blog-with-nextjs-and-tailwind，我fork后的项目地址是https://github.com/briteming/hbnt ，

然后访问https://github.com/briteming/hbnt/tree/main/_content，新建源帖test.md，内容为

---
title: 测试
date: 2025-11-29
---

这是测试。

看看如何？

（ 详见https://github.com/briteming/hbnt/blob/main/_content/test.md?plain=1）

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

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

 项目地址：

https://github.com/hswolff/blog-with-nextjs-and-tailwind

 https://github.com/briteming/hbnt

演示博客：https://hbnt.vercel.app/

p.s:  为了让发表的帖子按时间顺序排列，可以这样做：

我仔细观察了 https://hbnt.vercel.app/里面的帖子的排列规律，是按字母顺序abcd...,然后按数字12345...,从页面的上部往下排列的，我发表的第1个帖子的源帖文件是test.md, 第2个帖子的源帖文件是test2.md，那么第2个帖子就会排在第1个帖子的下面。把之前发表的 ce.md删除，重新发表源帖tesu-ce.md; 因为u排在t的后面，所以源帖tesu-ce.md对应的帖子tesu-ce就会排在

 test2.md所对应的帖子test2的下面。

 把之前发表的fh.md删除，重新发表源帖tesu-fh.md; 因为f排在c的后面，所以源帖tesu-fh.md对应的帖子tesu-fh就会排在 tesu-ce.md所对应的帖子tesu-ce的下面.

不过最近发表的帖子一律在页面的底部。 

相关帖子： https://briteming.blogspot.com/2025/11/nextjssnrb.html （这个程序有同样的问题，我用同样的方法解决了）