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

 

首先fork此项目https://github.com/jjunior96/blog-next-course，我fork后，得到的项目地址是https://github.com/brightmann/jbnc

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

---
title: 战马
description: 这是一篇文章
date: 2026-06-13 10:11:00
image: /assets/images/image-post.jpeg
tags: [misc1, misc2, misc3]
---

此处写正文或html codes.

( 详见https://github.com/brightmann/jbnc/blob/main/posts/fh.mdx?plain=1） 

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

  Build Command栏填入pnpm build
 Install Command栏填入pnpm install

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

项目地址：
https://github.com/jjunior96/blog-next-course
https://github.com/brightmann/jbnc

演示博客：

 https://jbnc.vercel.app/

 https://jbnc.vercel.app/fh  能显示视频
https://jbnc.vercel.app/page/1 支持分页