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

首先fork此项目：https://github.com/olafsulich/Frontlive.pl，我fork后，得到的项目地址是https://github.com/briteming/ofp
访问https://github.com/briteming/ofp/tree/main/content/posts，在这里，新建源帖fh.mdx，内容为：

---
title: '战马'
category: 'misc'
publishedAt: '27-05-2026'
isPublished: true
popular: false
image: '/images/antywzorce-css/thumbnail.png'
excerpt: '这是一篇文章'
---

此处写正文或html codes.

( 详见https://github.com/briteming/ofp/blob/main/content/posts/fh.mdx?plain=1） 

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

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

然后点击底部的deploy按钮，等待部署完成。部署完成后，我得到网址:

https://ofp-woad.vercel.app/

项目地址：
https://github.com/olafsulich/Frontlive.pl
https://github.com/briteming/ofp

演示博客：

 https://ofp-woad.vercel.app/blog ，帖子按字母顺序从左到右排列：
https://ofp-woad.vercel.app/blog/ce
https://ofp-woad.vercel.app/blog/fh
https://ofp-woad.vercel.app/blog/test
https://ofp-woad.vercel.app/blog/fh 能显示视频