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

首先fork此项目：https://github.com/huntsyea/nextjs-directory-boilerplate，我fork后，得到的项目地址是https://github.com/brightmann/hndb
访问https://github.com/brightmann/hndb/tree/main/content/articles，在这里，新建源帖fh.mdx，内容为：

---
title: '战马'
topic: 'xyz'
image: '/example1.png'
summary: '这是一篇文章'
tags: ['misc1', 'misc2']
date: '2026-06-09T07:29:00'
author: 'ym'
---

此处写正文或html codes.

( 详见https://github.com/brightmann/hndb/blob/main/content/articles/fh.mdx?plain=1） 

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

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

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

https://hndb-eight.vercel.app/

项目地址：
https://github.com/huntsyea/nextjs-directory-boilerplate
https://github.com/brightmann/hndb

演示博客：

 https://hndb-eight.vercel.app/articles/
https://hndb-eight.vercel.app/articles/fh 能显示视频