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

 

首先fork此项目https://github.com/ebenezerdon/new-nextjs-mdx-blog，我fork后的项目地址是https://github.com/briteming/nnmb, 

然后访问https://github.com/briteming/nnmb/tree/main/posts，新建源帖ar-fh.mdx(之所以要命名为ar-fh.mdx，是因为程序作者排列在https://github.com/briteming/nnmb/tree/main/posts这个页面最上面的帖子是astro-build-tutorial.mdx）

内容为：

---
title: 战马
date: 'December 24, 2025'
description: 这是一篇文章
thumbnailUrl: '/astro-blog-thumbnail.jpeg'
tags: ['misc1', 'misc2']
---

此处写视频的嵌入代码

（ 详见https://github.com/briteming/nnmb/blob/main/posts/ar-fh.mdx?plain=1）

 然后访问vercel.com/new ,导入项目https://github.com/briteming/nnmb

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

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

 项目地址：

https://github.com/ebenezerdon/new-nextjs-mdx-blog

https://github.com/briteming/nnmb

演示博客：

https://nnmb.vercel.app/

https://nnmb.vercel.app/blog/ar-fh 能显示视频.

 同一天里发表的帖子是按字母顺序从上到下排列的，这样即可做到按发表的时间顺序排列：

https://nnmb.vercel.app/blog/ar-admonition

https://nnmb.vercel.app/blog/ar-ce

https://nnmb.vercel.app/blog/ar-fh

相关帖子： 搭建基于nextjs的静态博客程序jntmb