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

首先fork此项目https://github.com/santhalakshminarayana/santhalakshminarayana.github.io，我fork后，得到的项目地址是https://github.com/brightmann/ssgi ，然后删除package-lock.json

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

---
title: "战马"
description: "这是一篇文章"
imgName: "chromatic-adaptation/chromatic-adaptation.jpg"
date: "Jun 16, 2026"
tags: ["misc1", "misc2", "misc3"]
keywords:
  ["horse", "fighting", "song"]
---

此处写正文或html codes.

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

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

  Build Command栏填入yarn build

 Install Command栏填入yarn

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

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

项目地址：

https://github.com/santhalakshminarayana/santhalakshminarayana.github.io

 https://github.com/santhalakshminarayana/santhalakshminarayana.github.io/issues/2

https://github.com/brightmann/ssgi

演示博客：

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

 https://ssgi-rose.vercel.app/blog/fh 能显示视频