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

首先fork此项目：https://github.com/eason-dev/easonchang.com-next，我fork后，得到的项目地址是https://github.com/brightmann/eccn ，

访问https://github.com/brightmann/eccn/tree/main/content/posts，在此处新建源帖（即add file),我新建了源帖2026-07-27-test.mdx，内容为：
---
title: '测试'
date: 2026-07-27 18:13
type: Post
slug: 'test'
tags: [misc1, misc2, misc3]
category: Reading
description: '这是一篇文章'
socialImage: 'https://i.imgur.com/9V5G9NC.jpg'
redirect_from:
  - /2026/07/27/test/
language: en
---

此处写正文或html codes.

( 详见https://github.com/brightmann/eccn/blob/main/content/posts/2026-07-27-test.mdx?plain=1。新建的源帖里面的frontmatter部分，一定要加上language: en ，对应的帖子才会出现在默认的英文版首页 https://eccn.vercel.app/里。如果不加，帖子就会出现在 https://eccn.vercel.app/zh-TW里。

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

  Build Command栏填入pnpm build
 Install Command栏填入pnpm install

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

项目地址：
https://github.com/eason-dev/easonchang.com-next
https://github.com/brightmann/eccn

演示博客：

  https://eccn.vercel.app/ （访问此网站，默认显示的是英文版内容，当然里面的帖子仍然可以写中文。点击页面顶部的美国国旗图标，网址就会跳到https://eccn.vercel.app/zh-TW，显示的是繁体中文版内容。

 https://eccn.vercel.app/posts
https://eccn.vercel.app/posts/fh 能显示视频。
https://github.com/eason-dev/easonchang.com-next/issues/25

相关帖子： 

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