Total Pageviews

Sunday, 9 August 2026

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


首先fork此项目:https://github.com/teyim/Nextjs-markdown-blog,我fork后,得到的项目地址是https://github.com/briteming/tynmb,删除package-lock.json, 编辑package.json,修改"next-mdx-remote"的值为"^6.0.0"


访问https://github.com/briteming/tynmb/tree/main/posts,在此处新建源帖(即add file),我新建了源帖fh.md,内容为:

---
title: '战马'
date: '2026-05-26 21:12:00'
updatedDate: ''
image: getting-started-with-nextjs.png
excerpt: 这是一篇文章
topic: 'music'
readTime: '1 min'
---

此处写正文或html codes.

( 详见https://github.com/briteming/tynmb/blob/main/posts/fh.md?plain=1) 

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

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

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

项目地址:
https://github.com/teyim/Nextjs-markdown-blog
https://github.com/briteming/tynmb

演示博客:

 https://tynmb.vercel.app/

 https://tynmb.vercel.app/posts/fh 不能显示视频

No comments:

Post a Comment