Total Pageviews

Friday, 17 July 2026

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


首先fork此项目https://github.com/abhaythakur71181/personal-blog,我fork后,得到的项目地址是https://github.com/brightmann/apb,
访问https://github.com/brightmann/apb/tree/main/src/post,在此处新建源帖(即add file),我新建了源帖fh.md,内容为:
---
date: '14/06/2026'
title: 战马
image: https://miro.medium.com/v2/resize:fit:828/format:webp/1*OohqW5DGh9CQS4hLY5FXzA.png
description: 这是一篇文章
---

此处写正文或html codes.


( 详见https://github.com/brightmann/apb/blob/main/src/post/fh.md?plain=1) 

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

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

然后点击底部的deploy按钮,等待部署完成。部署完成后,我得到网址:
https://apb-nine.vercel.app/

项目地址:
https://github.com/abhaythakur71181/personal-blog
https://github.com/brightmann/apb

演示博客:
https://apb-nine.vercel.app/

 https://apb-nine.vercel.app/blog ,帖子按帖子的slug的首字母的顺序从下到上排列:
https://apb-nine.vercel.app/blog/ur-advice
https://apb-nine.vercel.app/blog/test
https://apb-nine.vercel.app/blog/fh
https://apb-nine.vercel.app/blog/ce
https://apb-nine.vercel.app/blog/fh 能显示视频。

我是第一次遇到帖子按帖子的slug的首字母的顺序从下到上排列的例子。以前遇到的情形如果是按字母顺序排列的话,都是从上到下排列。


No comments:

Post a Comment