静态网站生成器
为 AI 网站开发而生

内容网站需要的，这里都有。
内置 SEO、网站地图和 llms.txt。

• 写作

  页面是文本文件或 MDX。布局可用 TypeScript、React 或 Vue 编写。

  • 文件即页面

    把一个文本文件放进文件夹，它就是一个页面。可以按主题给页面打标签、把草稿隐藏起来，或者给文章设定日期，到时再发布。

    用法：src/pages/pricing.md → /pricing/

  • 在浏览器里编辑

    每个页面一张表单，按你的设计实时预览，还有新网站的后续步骤，全部在你自己的电脑上。也可以直接编辑文件。

    用法：npm run dev

  • React、Vue 和 MDX

    用组件写布局，用 MDX 写页面。它们都会变成纯 HTML，只有你标记为可交互的组件才会在浏览器里运行。

    用法：<Counter client:load />

  • 更小的图片

    照片会生成调整过尺寸的 WebP 和 AVIF 副本，每个浏览器按需选择合适的尺寸。

    用法：images: { optimize: true }

• 被找到

  搜索引擎和 AI 助手能准确了解每一个页面。

  • 网站地图、robots.txt 和 llms.txt

    根据真实存在的页面生成，另外还有 RSS 订阅源，以及供 AI 工具读取的页面 Markdown 副本。

    用法：npm run build

  • 搜索和社交分享预览

    页面摘要、每个页面的分享图片、面包屑导航和结构化数据，帮助 Google 和 AI 助手理解每个页面。

    用法：defaultImage: "/images/og.png"

  • 多语言网站

    每种语言一个文件夹，每个页面都有正确的语言标签，还会检查哪些翻译还缺着。

    用法：i18n: { locales: ["fr"] }

  • AI 爬虫由你决定

    可以分别允许或阻止 AI 训练爬虫和 AI 搜索爬虫。

    用法：robots: { aiTraining: "disallow" }

• 检查与防护

  问题在你自己的电脑上就会暴露，不会等到访客看到。

  • 内置网站检查

    发现失效链接、缺失的信息和无障碍方面的疏漏，并指出对应的文件。

    用法：npx vage check

  • 速度和无障碍审核

    每个页面的体积上限、无障碍规则，需要时还可以运行 Lighthouse。

    用法：npx vage audit

  • 防止垃圾内容注入

    隐藏的脚本和指向未经批准网站的链接，永远不会出现在你的页面上。

    用法：npx vage links

  • 不会泄露机密

    密码、API 密钥和 .env 文件永远不会被发布，也不会覆盖任何人的工作。

    用法：npx vage deploy

• 发布与增长

  一条命令上线，然后看看大家是怎么找到你的。

  • 一条命令发布

    Cloudflare、Netlify 或 GitHub Pages。你先批准部署计划，部署期间网站保持在线。

    用法：npx vage deploy

  • 联系表单

    在 Cloudflare 上，一个会把消息发到你邮箱的表单，带防垃圾功能，不需要 JavaScript。

    用法：contact: { to, from }

  • 尊重隐私的统计分析

    Google Analytics、Tag Manager、Plausible 或 Clarity。在你开启之前一直关闭，开启后也会先等访客同意。

    用法：ga4: { measurementId: "G-…" }

  • 搜索报告和 IndexNow

    在终端里查看 Search Console 数据，页面更新时通知搜索引擎。

    用法：npx vage report search

查看全部功能 vagejs 与其他工具对比