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

 

首先fork此项目：https://github.com/officialrajdeepsingh/markdowbnextjsblog，我fork后，得到的项目地址是https://github.com/briteming/mbnb，

访问https://github.com/briteming/mbnb/tree/main/posts，在此处新建源帖（即add file),我新建了源帖fh.md，内容为：

---
author : "ym"
categories : ["misc1", "misc2", "misc3"]
tags : ["misc1", "misc2", "misc3"]
date : "2026-05-25T20:00:00"
description : "这是一篇文章"
image : "images/npm-init-command-1.png"
images : ["images/npm-init-command-1.png"]
slug : "fh"
summary : "pls read it"
title : "战马"
draft : false
---

此处写正文或html codes.

( 详见https://github.com/briteming/mbnb/blob/main/posts/fh.md?plain=1） 

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

  Build Command栏填入npm run build
 Install Command栏填入npm install

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

项目地址：https://github.com/officialrajdeepsingh/markdowbnextjsblog

https://github.com/briteming/mbnb

演示博客：

 https://mbnb.vercel.app/

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