HugoBlox/kit

这是什么？

核心功能

• 01通过 hero、功能、定价、用户评价等可复用的 Tailwind 区块组装页面。
• 02所有内容以带 front matter 的纯 Markdown 文件存储。
• 03内置 20 多种内容类型，包括博客、作品集、论文、文档和演讲页面。
• 04输出静态 HTML，可部署到 Netlify、Vercel、GitHub Pages 或 Cloudflare Pages。
• 05支持渲染 Jupyter notebook、LaTeX 数学公式和基于 BibTeX 的论文页面。
• 06提供命令行工具用于创建新站点。

适用场景

• 搭建带论文列表和项目页面的学术个人主页。
• 制作可免费托管的开发者作品集或顾问落地页。
• 发布内容保存在 Git 仓库 Markdown 文件中的文档站或博客。
• 用 Markdown 通过 reveal.js 制作幻灯片或活动页面。

快速上手

1. 1

   全局安装命令行工具（需要 Hugo Extended 和 Node.js）

   npm install -g hugoblox
2. 2

   使用命令行创建你的站点

   hugoblox create site
3. 3

   或在浏览器中选择模板，约 60 秒即可启动

使用前须知

• !可视化编辑、AI 自动化和 BibTeX 导入等功能需要付费的 Pro 版本。
• !Hugo Chat AI 页面生成依赖托管服务，免费消息每天有数量限制。

标签

常见问题

kit 是什么？

基于 Hugo 与 Tailwind 的开源建站框架，用纯 Markdown 文件搭建落地页、作品集、博客和文档。 HugoBlox Kit 是一个开源建站框架，基于 Hugo 和 Tailwind CSS，用结构化的 Markdown 搭建专业网站。页面由可复用的区块和内容类型组成，包括落地页、作品集、博客、论文列表、文档和活动页面等，每个页面都是带 front matter 的 Markdown 文件。

kit 可以免费使用吗？用的什么许可证？

kit 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

kit 还在维护吗？

半年内有更新。kit 最近一次提交是在 2026年8月4日。

kit 适合用来做什么？

搭建带论文列表和项目页面的学术个人主页。 制作可免费托管的开发者作品集或顾问落地页。 发布内容保存在 Git 仓库 Markdown 文件中的文档站或博客。 用 Markdown 通过 reveal.js 制作幻灯片或活动页面。

kit 怎么安装和运行？

全局安装命令行工具（需要 Hugo Extended 和 Node.js）: npm install -g hugoblox 使用命令行创建你的站点: hugoblox create site 或在浏览器中选择模板，约 60 秒即可启动

在哪里获取 kit？

源代码和安装说明在 GitHub 上：https://github.com/HugoBlox/kit