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

首先fork此项目：https://github.com/dastasoft/blog，我fork后，得到的项目地址是

https://github.com/brightmann/dsb ，然后删除package-lock.json ，
访问https://github.com/brightmann/dsb/tree/main/_posts，在这里，新建源帖fh.md，内容为：

---
title: '战马'
excerpt: '这是一篇文章'
coverImage: '/assets/posts/preview/framer-motion.webp'
date: '2026-06-08T08:40:00.000Z'
author:
  name: dastasoft
  picture: '/assets/authors/dastasoft.jpeg'
ogImage:
  url: '/assets/posts/preview/framer-motion.webp'
tags: ['misc1', 'misc2', 'misc3']
section: 'frontend'
---

此处写正文或html codes.

( 详见https://github.com/brightmann/dsb/blob/main/_posts/fh.md?plain=1） 

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

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

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

https://dsb-rose.vercel.app/

项目地址：
https://github.com/dastasoft/blog
https://github.com/brightmann/dsb

演示博客：

 https://dsb-rose.vercel.app/

 https://dsb-rose.vercel.app/posts/fh 不能显示视频