基于 Eleventy 静态站点生成器，页面使用 Bootstrap 与 HTML 构建
EleventyHTML启动器
eleventyblog — Eleventy 启动器模板
作者 mesinkasir
基于 Eleventy 的 Bootstrap 网站启动模板，包含首页、博客、Webapp 与视频页面示例，采用 MIT 许可免费分发。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
目前有 1 张原始预览，可打开完整图片查看设计细节。
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-10-03查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
内容以 Markdown 编写，仓库列出自动 SEO 相关配置
提供首页、博客、Webapp、视频页面等示例区域
README 给出四个在线演示地址，覆盖博客与公司站形态
仓库采用 MIT 许可，可免费使用、修改、商用与分发
模板详细介绍
eleventyblog（仓库内也称 bootstrap11ty）是一个基于 Eleventy 静态站点生成器的网站启动模板，页面结构使用 Bootstrap 与 HTML 编写，内容以 Markdown 组织。仓库提供首页、博客列表、Webapp 页面和视频（Cinema）页面等示例区域，README 中给出了四个在线演示地址，分别对应博客、公司站与另一套博客示例，可用于对照查看不同页面形态。
模板附带自动 SEO 相关配置，并列出 eleventy、bootstrap、vercel、stackblitz、markdown 等使用到的技术或部署环节。安装方式为在项目目录执行 npm install，README 另提到可通过 npm update 获取标注为 canary 的版本更新。README 中展示的 Gtmetrix、Lighthouse、移动端与桌面端测试截图属于作者自测记录，本条目不对其性能表现作判断。
许可方面，仓库采用 MIT 许可，允许免费使用、修改、商用与分发该版本代码，分发时需保留版权声明与许可声明；演示图片、字体、图标等第三方素材需另行核对其许可，域名、托管等外部服务可能产生费用。
EleventyHTML启动器
适合你的项目吗？
适用场景
- 搭建以 Markdown 撰写内容的个人或企业博客
- 作为 Eleventy + Bootstrap 组合的起步项目进行二次开发
- 参考其首页、博客列表与视频页面的结构组织方式
- 在 Vercel 或 Cloudflare Pages 等平台部署静态站点
适合人群
- 希望用 Eleventy 快速起步静态网站的开发者
- 需要 Bootstrap 页面结构与 Markdown 内容结合的博客项目
- 愿意自行核对第三方素材许可并承担外部服务费用的使用者
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
在项目目录执行 npm install 安装依赖
- 2
README 提到可通过 npm update 获取标注为 canary 的版本更新
- 3
演示图片、字体、图标等第三方素材需按各自许可单独核对
- 4
域名、托管等外部服务可能另外收费，需自行确认
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供；担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- README 中提供 Buy me a coffee 捐赠链接，属于自愿打赏，不影响代码的免费使用与分发。
- README 列出的演示站点为外部托管服务，仅用于在线预览，不构成对模板功能的额外授权或保证。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Buy me a coffee ☕️ ❤️ ✌🏻
README 原文
https://github.com/mesinkasir/eleventyblog/blob/master/LICENSEhttps://github.com/mesinkasir/eleventyblog/blob/master/README.mdDemo test drive for complete blog 👨🏼🚀 : [https://tokorak.web.app/](https://tokorak.web.app/)
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 73 / 100
- 技术栈
- Eleventy · HTML
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2023-04-14
- 截图检查日期
- 2026-10-03
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Eleventy。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-04
查看当时使用的来源资料
SHA-256: 2d05e4c26da45ea5131bc2cd7e137c604fa3023d9b7a88fcc83bb726d1362e71
2026-10-03T08:46:27.532Z
来源文件 / 仓库# bootstrap11ty - eleventy website template free download source code Demo Test drive 🚀 : [https://eleventyblog.vercel.app/ ](https://eleventyblog.vercel.app/) Demo test drive for complete blog 👨🏼🚀 : [https://tokorak.web.app/](https://tokorak.web.app/) Demo Test drive 2 - company 🛸 : [https://raktoko.web.app/ ](https://raktoko.web.app/) Demo Test drive 3 - blog 🤖 : [https://bootstrap11ty.pages.dev/ ](https://bootstrap11ty.pages.dev/) documentation 💻 : [https://www.hockeycomputindo.com/2022/03/eleventy-bootstrap-web-template-seo.html](https://www.hockeycomputindo.com/2022/03/eleventy-bootstrap-web-template-seo.html) video 📽 : [https://www.youtube.com/watch?v=zj_wFjUtuwU](https://www.youtube.com/watch?v=zj_wFjUtuwU) <a href="https://www.buymeacoffee.com/axcora"><img width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIA9HMwkK8kr7uRwVNxnhXsLQsJHxQQYVSzqCAaK58OpJOiTlzbIX7eEwS_VpJ3oEG-xrmVEl2WKqGvB_o-KjyBGTbbjFHM_bN2Jce9g3FTnt2ZJViwcvB9DHPOKPEMCl7jTQRVWKPw_ETloH7_CK8Xr09SSNNx22xnfGjViwdEsGtR-yGrLmr-JUGHA/s1090/bmc-button.png"/></a> --- ### Version 1 run `npm install` ### UPDATE VERSION 2 CANARY run `npm update` ### TESTER RESULT Gt Metrix test  lighthouse test  Mobile test  Dekstop test  recipes : - eleventy - bootstrap - vercel - stackblitz - markdown - auto SEO ---  Home Page area  Blog Page area  Webapp page area  Cinema video page area --- ### Buy me a coffee ☕️ ❤️ ✌🏻 <a href="https://www.buymeacoffee.com/axcora"><img width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIA9HMwkK8kr7uRwVNxnhXsLQsJHxQQYVSzqCAaK58OpJOiTlzbIX7eEwS_VpJ3oEG-xrmVEl2WKqGvB_o-KjyBGTbbjFHM_bN2Jce9g3FTnt2ZJViwcvB9DHPOKPEMCl7jTQRVWKPw_ETloH7_CK8Xr09SSNNx22xnfGjViwdEsGtR-yGrLmr-JUGHA/s1090/bmc-button.png"/></a> ---
看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
eleventy-base-blog
A starter repository for a blog web site using the Eleventy static site generator.
Eleventy · 博客
eleventy-garden
:seedling: A starter site for building a mind garden with eleventy
Eleventy · 启动器
eleventastic
An Eleventy Starter Kit
Eleventy · 启动器
neat-starter
Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS
Eleventy · 启动器
Eleventy-Starter-Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, …
Eleventy · 博客
eleventy-plus-vite
A clean and fast Eleventy Starter Project with Vite
Eleventy · 启动器