官方中文正文为项目官方提供的中文文档(原文转载),本站未作翻译、未改动文字,仅剔除图片与无关章节。
描述你的站点,AI 帮你搭建,Markdown 永远归你。
HugoBlox 是基于结构化 Markdown 构建专业站点的开源框架 —— 落地页、作品集、博客、学术主页、文档等,一应俱全。
选择模板,用 Hugo Chat AI 生成页面,部署到任何平台。每个文件都是你能阅读、编辑、永久拥有的纯 Markdown。
| 用 AI 生成页面 | 浏览模板 |
|---|
可拥有的 CMS(VS Code)
始于 2016 · 全球 150,000+ 站点 (Meta, Stanford, NVIDIA) · 用户评分 4.9/5(官方调研)· NVIDIA Research、MIT、King's College London 等团队在用 · 入选 GitHub Release Radar
⚡ 三步上线
1. 🎨 选一个模板
从模板库中挑选,或用 CLI 脚手架。
落地页、作品集、博客、科研站、文档 —— 秒级就绪。
2. ✨ 用 AI 生成页面
Open Hugo Chat and describe what you want in natural language.
"帮我生成一个带首屏、定价和用户评价的落地页" —— 搞定。
3. 🚀 部署到任何平台
推送到 GitHub,部署到 Netlify、Vercel、Cloudflare 或任何静态托管。
无数据库,无运行时,免费托管。
🏆 为什么选 HugoBlox
其他工具让你做选择题,HugoBlox 全都要。
| AI 建站工具 (Lovable, v0, Bolt) | 传统 CMS (WordPress, Webflow) | HugoBlox | |
|---|---|---|---|
| AI 生成页面 | 能 | 不能 | 能 |
| 输出是你能看懂的文件 | 不能 —— React 代码 | 不能 —— 锁在数据库里 | 能 —— 纯 Markdown |
| 无需后端服务器 | 有时 | 不行 | 纯静态 HTML |
| 结构化内容类型(论文、项目、团队页) | 没有 | 部分 | 20+ 种内置类型 |
| AI 生成后人类还能轻松编辑 | 勉强 | 只能通过 CMS | 当然 —— 就是 Markdown |
| 永久免费托管 | 不能 | 不能 | 能 |
| 开源 | 不是 | 不是 | MIT 协议 |
[!重要]
一句话总结: 别的工具要么生成你维护不了的代码,要么把内容锁进你迁不走的数据库。HugoBlox 让 AI 帮你生成页面,输出是 Tailwind + Hugo 技术栈上的纯 Markdown —— 可读、可迁移、永远属于你。
🧱 你能构建什么
HugoBlox 内置 20+ 种结构化内容类型,带完整的 Front Matter、元数据和布局。告诉 Hugo Chat 你需要什么,它会生成对应的页面:
- 🚀 落地页 —— 首屏、功能区、定价表、用户评价、CTA 模块,积木式自由组合
- 📝 博客与文章 —— 标签、分类、作者、SEO 元数据一步到位
- 💼 作品集与项目页 —— 展示你的工作成果、技术栈和配图
- 📚 论文页 —— 学术论文 + BibTeX/DOI 引用工作流
- 📖 文档站 —— 带侧边栏导航和版本控制的可搜索文档
- 👥 团队与个人简介 —— 头像、社交链接、发表论文列表
- 🎤 活动与演讲 —— 会议、研讨会、演示幻灯片
- 🎞️ 演示幻灯片 —— 基于 Markdown 的 reveal.js 幻灯片
- 📄 简历 / CV —— 结构化职业页面,可导出 PDF
-
🔬 Jupyter 笔记本 & LaTeX —— 原生渲染
.ipynb和数学公式页面浏览全部模板
🛠️ 快速开始
第一步:创建站点
方式 A:从模板开始(最快)
[!提示]
选一个模板,60 秒内在浏览器中启动:
浏览模板
方式 B:使用 CLI(完全掌控)
# 需要 Hugo Extended 和 Node.js
npm install -g hugoblox
hugoblox create site
第二步:用 AI + 可视化编辑器定制
Hugo Chat —— AI 页面生成
用自然语言描述你的需求,Hugo Chat 会生成带正确 Front Matter、Shortcode 和 HugoBlox 积木的 Hugo 页面。
"帮我生成一个咨询公司的落地页,包含服务介绍、客户评价和联系表单"
Ownable CMS —— VS Code 里的可视化编辑
拖拽积木、实时预览、YAML 校验,全部在编辑器内完成。把 VS Code 变成可视化建站工具。
- 从 VS Code 市场 安装 Ownable CMS
- 打开你的 HugoBlox 项目
- 点击 Ownable 图标开始编辑
[!注意]
需要文档? 查看 docs.ownable.dev,获取指南、配置参考和最佳实践。
🔓 开源、无锁定、没有套路
- ✅ MIT 协议。 框架现在是开源的,未来也永远是。
- ✅ 纯 Markdown 文件。 你的内容不会被锁在数据库或私有格式里,随时可以带走。
- ✅ 纯静态输出。 不用维护服务器,不用给数据库打补丁,不依赖任何厂商。
- ✅ 免费托管。 部署到 Netlify、Vercel、GitHub Pages、Cloudflare Pages —— 全部有免费额度。
- ✅ AI 免费起步。 Hugo Chat 每天赠送免费消息,无需绑定信用卡。
- ✅ 面向未来。 Markdown 从 2004 年开始就能被任何编辑器打开。你的内容会比任何平台活得更久。
[!重要]
"所有 AI 建站工具生成的 React 代码,半年后你就想扔掉。所有 CMS 把内容锁在你永远迁不走的数据库里。HugoBlox 填的就是这个空白。"
想要更多? 升级到 Pro 解锁可视化编辑、AI 自动化、BibTeX 导入和优先支持。对比所有计划 →
🌍 Who is using HugoBlox
HugoBlox 为全球的研究人员、咨询顾问、创业者、技术布道者和团队提供站点支持,包括:
自 2016 年以来,已创建 150,000+ 站点。用户评分 4.9/5。
"我们先试了 Lovable 和 v0。它们几分钟就生成了落地页 —— 但输出是 400 行看不懂的 React。Hugo Chat 生成的是 Markdown 文件,整个团队都能直接改。当天下午就上线了。托管费:0 元。"
— Priya Ramanathan, 联合创始人 & CTO"我把实验室的研究方向告诉 Hugo Chat,它生成了 30 篇论文页面,BibTeX 元数据全对,还有团队介绍和新闻版块。博士后们一小时内就在编辑自己的页面了 —— 因为就是 Markdown,不需要任何培训。"
— Dr. James Park, 首席研究科学家, 应用 AI 实验室"我的站点重建过四次 —— Jekyll、Gatsby、Next.js、Notion。HugoBlox 是我第一次确信不用再折腾了。我的内容就是纯 Markdown,如果五年后出现更好的方案,我带着文件就走。但到目前为止,还没有更好的。"
— Marcus Oliveira, 高级技术布道者
🚀 准备好开始了吗?
选个模板,让 AI 生成页面,免费部署。
你的内容永远以 Markdown 形式属于你自己。
| 用 AI 生成页面 | 浏览模板 |
|---|
阅读文档
社区与支持
许可证
版权所有 2016-至今 Lore Labs。
根据 MIT 许可 发布。
HugoBlox 是 Lore Labs 的商标。
- 本文标题:kit - 🧱 描述你的网站
- 本文链接:https://www.cn121.com/blog/hugoblox-kit.html
- 原项目:HugoBlox/kit 版权归原作者 HugoBlox 及贡献者所有
- 收录信息:本站于 2026-10-11 收录本项目,本页所列协议与仓库指标均为收录当时的状态;该日期之后原项目的版本更新与协议变更,本页不作同步。
- 开源协议:收录时本项目采用 MIT(查看 LICENSE 原文),本站转载其原始文档(未改动文字,仅剔除图片与无关章节);使用、修改、分发请以该仓库 LICENSE 原文为准。
- 站点出处:本文首发于 OneTwoOne,收录自 GitHub 开源项目 HugoBlox/kit。
- 内容说明:本页正文为项目官方提供的中文文档(原文转载),本站未作翻译、未改动文字,仅剔除了图片与赞助等无关章节、并把相对链接改为绝对地址;页首简介为机器翻译自仓库描述。
- 引用声明:商业转载、第三方聚合或 AI 检索训练引用时,请务必保留以上来源出处、本文永久链接,以及原项目的版权声明与许可信息。
- 下架通道:若原项目此后变更或收紧了许可协议、或作者/权利人认为本站的收录方式(译文、排版适配、简介翻译等)超出其授权范围,请通过 xyd3302001@163.com 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。