Total Pageviews

Sunday, 9 August 2026

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


首先fork此项目:https://github.com/Jashnm/mdx-blog-nextjs,我fork后,得到的项目地址是https://github.com/brightmann/mbn,

访问https://github.com/brightmann/mbn/tree/master/posts,在此处新建源帖(即add file),我新建了源帖fh.mdx,内容为:

---
title: "战马"
date: "2026-06-06"
author: "ym"
excerpt: "这是一篇文章"
---

此处写正文或html codes.

( 详见https://github.com/brightmann/mbn/blob/master/posts/fh.mdx?plain=1) 

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

  Build Command栏填入yarn build
 Install Command栏填入yarn

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

项目地址:
https://github.com/Jashnm/mdx-blog-nextjs
https://github.com/brightmann/mbn

演示博客:

 https://mbn-gray.vercel.app/

 https://mbn-gray.vercel.app/blog,同一天里的帖子是按字母顺序从下往上排列:

https://mbn-gray.vercel.app/blog/fh

https://mbn-gray.vercel.app/blog/ce

 https://mbn-gray.vercel.app/blog/advice

 https://mbn-gray.vercel.app/blog/fh 能显示视频

No comments:

Post a Comment