Total Pageviews

Monday, 15 December 2025

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



首先fork此项目https://github.com/MaxRohowsky/nextjs-mdx-blog,我fork后的项目地址是https://github.com/briteming/mrhnm , 
访问 https://github.com/briteming/mrhnm/blob/main/.env ,把NEXT_PUBLIC_BASE_URL的值改为"/" 。
然后访问https://github.com/briteming/mrhnm/tree/main/src/app/blog/_posts,新建源帖fh.mdx,内容为:

---
isPublished: true
publishedOn: "2025-12-15T00:09:00"
title: "战马"
subtitle: Exploring how MDX combines the best of Markdown and JSX to enhance web content
excerpt: Discover the numerous benefits of using MDX for your blog or documentation, from improved developer experience to enhanced content interactivity.
tags:
  - misc1
  - misc2
  - misc3
---

此处写视频的嵌入代码

( 详见https://github.com/briteming/mrhnm/blob/main/src/app/blog/_posts/fh.mdx?plain=1)

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

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

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

 项目地址:

https://github.com/MaxRohowsky/nextjs-mdx-blog

 https://github.com/briteming/mrhnm

演示博客:

https://mrhnm.vercel.app/

 https://mrhnm.vercel.app/blog

https://mrhnm.vercel.app/blog/fh,支持渲染视频.


No comments:

Post a Comment