更快上线站点。更聪明地写作。完全拥有一切。

Name: Bloggen：AI 驱动的开发者发布平台 | Silverthread Labs
Availability: InStock
Author: Silverthread Labs

Bloggen 由两部分组成。一部分是位于 bloggen.dev 的 Web 应用，内置六款 AI 内容工具；另一部分是一套生产级的 Next.js 启动模板，一条命令即可安装。Web 应用负责生成内容，启动模板则是您保留在自己代码仓库中的发布基础设施。

npx create-bloggen-app

试用 Web 应用 | 在 GitHub 上查看

问题所在#

从零搭建一个开发者博客所花的时间远超应有的水平。启动模板能提供一套布局和一个内容目录，其余一切仍需您自己处理：结构化数据、元数据管道、OG 图片、MDX 实时编辑、统一的格式规范。这些与写作毫无关系的基础设施配置，往往要耗费好几天。

托管平台能解决这些问题，但代价不小。您无法自定义渲染管道，无法嵌入 React 组件，也无法真正拥有输出内容。日后迁移出来会十分痛苦。

Bloggen 正是为填补这两种方案之间的空白而生。六款 AI 内容工具覆盖内容生成工作，一套稳健的启动模板覆盖发布基础设施。内容保存在您自己的代码仓库中，按您的意愿部署，永远不会被锁在一个无法离开的平台里。

Bloggen Web 应用：六款内容工具#

在 bloggen.dev 登录即可使用全部六款工具。每款工具都能产出干净、可导出的结果，您可以直接放入自己的项目。

1. MDX 博客生成器#

根据主题生成结构化的 MDX 博客文章。AI 负责搭建骨架：标题、章节结构、frontmatter 字段以及 SEO 建议。您负责填入实质内容和真正的专业经验。输出的是格式规范、逻辑清晰的文件，而不是一堵由生成内容堆成的墙。

2. 指南生成器#

面向长篇技术内容：配置指南、操作演示、“我们如何搭建 X” 类文章。输入主题后，您会得到一条清晰的教学流程，包括前置条件、分步章节和已经预留好位置的代码示例。

3. JSON-LD 结构化数据生成器#

粘贴内容细节，即可得到有效的 JSON-LD，您可以直接放入页面 head 中。无需手写 schema，也无需第三方插件。尽管结构化数据是已被证实的排名因素，但实现它的开发者博客不到 30%（Semrush, 2025）。这款工具在大约三十秒内就能弥补这一差距。

4. MDX 查看器与编辑器#

实时撰写 MDX 并查看渲染效果。支持 frontmatter 管理、语法高亮、组件渲染和布局预览。能在问题上线前就发现格式问题。

5. OG 图片生成器#

为社交分享定制 Open Graph 图片。当有人分享未优化的链接时，原本会出现那张灰色空白卡片——这款工具可以替换掉它，而且不需要单独的图像编辑流程。

6. README 生成器#

为不同类型的项目提供 README 文件模板，并可自动生成徽章。如果您在维护博客的同时还运营开源项目，希望两者的文档保持一致，这款工具会很有用。

Bloggen SEO 启动模板：模板本身#

当您运行 npx create-bloggen-app 时，真正交付的就是这套启动模板。它是一个生产级的 Next.js 应用，内置 MDX 内容管理、SEO 自动化以及完整的主题系统。采用 MIT 许可证，完全开源。

SEO#

一切从一开始就已就绪：通过单一的 site.tsx 文件进行全局元数据配置，自动生成 sitemap 和 robots.txt，基于 @vercel/og 的动态 OG 图片，通过 schema-dts 实现类型安全的 JSON-LD 结构化数据，RSS 订阅源生成，Google Analytics 4 集成，以及经过 Lighthouse 优化的无障碍评分。安装完成后，这些功能无需任何额外的包或配置文件。

内容架构#

MDX 通过 Fumadocs 处理，frontmatter 完全带有类型。动态路由生成覆盖博客、文档、服务以及您添加的任何自定义内容板块。每一个 MDX 文件都会自动变成一个 URL。目录结构足够灵活，可以支持任何您需要的页面层级。

主题与设计#

模板使用由 Silverthread Labs 打造的 Designrift 主题引擎。语义化的设计 token 让跨主题的样式保持一致。调色板基于 Radix，对比度符合 WCAG 标准。浅色和深色模式开箱即用。UI 组件使用 Radix UI 原语，通过 CVA 进行变体管理，使用 Framer Motion 制作动效，整体采用移动优先的响应式布局。

安全与开发工具链#

内置 CSP 和 HSTS 头部，零配置即可启用安全默认值。在开发侧：Turbopack 提供快速迭代体验，ESLint 9 带有全面的预设，Prettier 3 支持 import 排序和 Tailwind class 排序，使用 pnpm，严格模式的 TypeScript 5 配合绝对路径导入，以及用于环境变量校验的 Zod。

技术栈#

层级	技术
框架	Next.js（App Router）
语言	TypeScript 5（严格模式）
样式	Tailwind CSS v4
内容	通过 Fumadocs 使用 MDX
UI	Radix UI 原语
颜色	Radix Colors
主题	Designrift
动效	Framer Motion
校验	Zod
OG 图片	@vercel/og
结构化数据	schema-dts
代码检查	ESLint 9 + Prettier 3
包管理器	pnpm
开发服务器	Turbopack
部署	Vercel

无需数据库，也无需维护 CMS 集成。文章采用文件系统路由：写一个 MDX 文件，就会得到一个 URL。根据您的配置，生产构建会生成一个完全静态或启用 ISR 的站点。

立即开始#

使用启动模板#

npx create-bloggen-app
cd my-bloggen-app
pnpm install
pnpm run dev

打开 http://localhost:3000。您的站点已经运行起来，具备 SEO 自动化、结构化数据、OG 图片和完整的设计系统。开始写作吧。

或直接克隆：

git clone https://github.com/silverthreadlabs/bloggen-seo-starter.git

使用 Web 应用#

访问 bloggen.dev，登录后即可开始生成内容。以 MDX 格式导出，放入任意项目。

当前状态#

Bloggen 处于 alpha 阶段。Web 应用和启动模板均已可用，并在持续维护中。新的工具和生成器改进正在推进。

启动模板基于 MIT 许可证，免费且开源。Web 应用的定价尚未最终确定。

常见问题#

Bloggen 是什么？#

Bloggen 是面向开发者的发布平台，由两部分组成：位于 bloggen.dev 的 AI 驱动 Web 应用，内置六款内容工具（MDX 博客生成器、指南生成器、JSON-LD schema 生成器、MDX 查看器/编辑器、OG 图片生成器、README 生成器）；以及通过 npx create-bloggen-app 安装的开源 Next.js 启动模板。

Bloggen 适合谁？#

开发者、技术创始人以及以开发者为中心的团队——他们需要一套代码优先的发布栈，对内容、渲染和部署拥有完全掌控权。

Bloggen 免费吗？#

启动模板基于 MIT 许可证，免费。Web 应用在 alpha 阶段免费使用。Web 应用的定价尚未最终确定。

Bloggen 使用什么技术栈？#

Next.js 搭配 App Router，严格模式的 TypeScript 5，Tailwind CSS v4，通过 Fumadocs 使用的 MDX，Radix UI，Radix Colors，Designrift 主题方案，Framer Motion，Zod，以及用于部署的 Vercel。选择这套技术栈是为了贴近 Next.js 生态，而不引入 CMS 或数据库。

Bloggen 与托管博客平台有什么不同？#

您完全拥有一切。内容以 MDX 文件形式存放在您自己的代码仓库中。您控制渲染管道，可以在文章中嵌入 React 组件，并可以部署到任何地方。没有厂商锁定，也没有私有格式。

没有 Web 应用也能使用 Bloggen 吗？#

可以。启动模板本身就是一个独立的 Next.js 应用。您可以手动撰写 MDX 文件、自定义模板，完全不碰 Web 应用。Web 应用只是加快内容生成速度。

Bloggen 可以用来做博客以外的内容吗？#

可以。启动模板支持博客、文档、服务页面、产品页面，以及您定义的任何自定义内容板块。路由足够灵活，足以支撑一个完整的、以内容为驱动的网站。

想打造开发者工具或内容驱动型 Web 产品？了解我们的 Web 与 SaaS 开发服务，或看看我们如何做 AI 开发者工具链。

想讨论定制项目？预约一次免费的自动化审计。

Bloggen：AI 驱动的开发者发布平台