Total Pageviews

Wednesday, 19 August 2026

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


首先fork此项目:https://github.com/ddoemonn/next-blog,我fork后,得到的项目地址是https://github.com/brightmann/dnb,

编辑https://github.com/brightmann/dnb/blob/main/package.json,修改第37行的"next"的值为"16.3.1"
访问https://github.com/brightmann/dnb/tree/main/content/posts,在这里,新建源帖fh.mdx,内容为:

---
title: "战马"
date: "2026-08-19T13:13:00.000Z"
excerpt: "这是一篇文章"
tags: ["msc1", "misc2", "misc3"]
published: true
slug: "fh"
---

此处写正文或html codes.

( 详见https://github.com/brightmann/dnb/blob/main/content/posts/fh.mdx?plain=1) 

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

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

这里需添加环境变量。访问https://github.com/brightmann/dnb/blob/main/env.example,可知需添加4个环境变量:

ADMIN_USERNAME,

ADMIN_PASSWORD,

NEXTAUTH_SECRET,

SITE_URL。

其中,先给ADMIN_USERNAME和ADMIN_PASSWORD各设置其值。而NEXTAUTH_SECRET的值可以通过在终端输入命令:openssl rand -hex 64获得其值。而关于SITE_URL,因为我是在https://app.netlify.com/部署这个静态博客程序的,所以SITE_URL的值就是https://你所设置的项目名称.netlify.app (我的是https://dnb-abc.netlify.app)

添加环境变量后,点击底部的deploy按钮,等待部署完成。部署完成后,我得到网址:

https://dnb-abc.netlify.app

项目地址:
https://github.com/ddoemonn/next-blog
https://github.com/brightmann/dnb

演示博客:

 https://dnb-abc.netlify.app/
https://dnb-abc.netlify.app/blog/fh 不能显示视频.

 另外,访问https://dnb-abc.netlify.app/login ,输入上面设置的用户名和密码,登录后,点击左侧的posts,页面会跳到
https://dnb-abc.netlify.app/admin/posts ,然后点击右上角的“+ new post", 不过我创建新帖失败。不过无所谓,可以去
https://github.com/brightmann/dnb/tree/main/content/posts这里新建源帖。

No comments:

Post a Comment