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

 

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

然后访问https://github.com/briteming/vnmbt/tree/main/blogs，新建源帖fh.mdx，内容为：

---
title: "战马"
date: "2025-12-17T07:39:00"
author: "ym"
description: "This is a test blog"
tags: ["Next.js", "MDX", "Blog"]
highlightWords: ["Next.js", "MDX", "Blog"]
coverImageSrc: "/cover-image.png"
---

此处写视频的嵌入代码

（ 详见https://github.com/briteming/vnmbt/blob/main/blogs/fh.mdx?plain=1）

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

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

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

 项目地址：

https://github.com/vigneshiyergithub/nextjs-mdx-blog-template

 https://github.com/briteming/vnmbt

演示博客：

https://vnmbt.vercel.app/

https://vnmbt.vercel.app/fh  能显示视频