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

访问https://github.com/vercel/next.js/tree/canary/examples/blog ，点击deploy按钮或者

访问 https://vercel.com/new/clone?repository-url=https://github.com/vercel/next.js/tree/canary/examples/blog&project-name=portfolio&repository-name=portfolio，会展示如下页面：

 点击Private Repository Name的下一行的锁的左侧，把Private Repository改为

Public Repository，并给Public Repository取名，我取的名字是vb ,然后点击create按钮.

会在我的github用户名briteming(https://github.com/briteming/)下生成仓库vb (https://github.com/briteming/vb), 同时https://vercel.com/new会开始部署vb这个项目，不过会遇错。解决办法：访问https://github.com/briteming/vb/blob/main/package.json，把第4行，第5行的值分别加上 --webpack

然后重新导入项目https://github.com/briteming/vb到https://vercel.com/new，等待部署完成，完成后，我得到博客网址https://vb-bm.vercel.app/，https://vb-bm.vercel.app/posts

 

访问 https://github.com/briteming/vb/tree/main/pages/posts，新建源帖fh.md,内容为：

 ---
title: 战马
date: 2025/12/27
description: 这是一篇文章
tag: misc
author: ym
---

 

此处写视频的嵌入代码

 

（详见 https://github.com/briteming/vb/blob/main/pages/posts/fh.md?plain=1）

新建源帖后，博客网站2-3分钟内就会更新。

 项目地址：

https://github.com/vercel/next.js/tree/canary/examples/blog

https://github.com/briteming/vb

演示博客：

https://vb-bm.vercel.app/

 https://vb-bm.vercel.app/posts

 https://vb-bm.vercel.app/posts/fh 能显示视频。

这个博客程序在同一天里的帖子是按字母顺序排列的：

 https://vb-bm.vercel.app/posts/ce

 https://vb-bm.vercel.app/posts/fg-test

 https://vb-bm.vercel.app/posts/fh

（https://github.com/vercel/nextjs-portfolio-starter，这个其实是一样的源码）