静态博客生成工具

一个基于Next.js、TypeScript和Markdown的静态博客生成工具,支持MCP服务器实时内容访问,适用于开发者博客和技术文档发布。

  • by aadamsongit
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 aadamsongit/amber-tech-portfolio-blog

使用说明

Amber的技术组合博客

一个使用Next.js、TypeScript和Markdown构建的静态生成博客,其中包含有关代理AI、MCP服务器和现代开发工作流程的帖子。

本博客展示了Next.js的静态生成功能,该功能使用Markdown文件作为数据源,并集成了用于实时内容访问的MCP服务器。

特性

  • 使用Next.js和TypeScript生成静态站点
  • 支持前台的Markdown博客文章
  • MCP服务器端点位于 /mcp/posts 用于AI工具集成
  • 顺风CSS样式
  • 文章主要关注代理AI、MCP和开发人员工具

MCP集成

该博客包括一个MCP服务器,通过HTTP端点公开博客内容,使亚马逊Q等人工智能工具能够实时查询帖子。访问帖子 http://localhost:4000/mcp/posts.

入门指南

安装依赖项并运行开发服务器:

npm install
npm run dev

您的博客将在 http://localhost:3000.

要启动MCP服务器,请执行以下操作:

npm run mcp-server

MCP端点将在 http://localhost:4000/mcp/posts.

部署

部署到Vercel:

技术栈

  • Next.js 14与应用路由器
  • TypeScript
  • Tailwind CSS
  • 带灰质的Markdown
  • MCP服务器集成