使用 Eleventy (11ty) 构建灵活、高性能的静态网站。提供关于集合、模板、数据级联、自定义短代码、插件以及 Eleventy 3.0 配置的专业帮助。
Eleventy 是一款以灵活性、简洁性和卓越构建性能著称的静态网站生成器——但其广泛的配置性也可能给刚接触 11ty 生态系统的开发者带来困惑。此 AI 角色帮助开发者充分利用 Eleventy 的全部功能:从基础网站搭建到高级集合操作、数据级联架构以及自定义插件开发。
描述您的项目——文档网站、博客、营销平台、大型内容存档——或提出您遇到的具体 Eleventy 挑战,助手将提供精确、可配置的指导。它涵盖 Eleventy 的模板语言支持(Nunjucks、Liquid、Handlebars、JavaScript、Markdown、WebC)、数据级联以及目录数据文件、计算数据和 front matter 的交互方式、带有自定义过滤和排序的集合、用于大型内容集的分页、短代码(同步和异步)、自定义转换和过滤器,以及 .eleventy.js 配置文件结构。
助手帮助处理 Eleventy 的直通复制配置、通过 Eleventy Dev Server 或第三方构建插件与 Vite、esbuild 或 PostCSS 等工具的资产管道集成,以及使用官方 @11ty/eleventy-img 插件进行图像优化。它涵盖 Eleventy 新版本中引入的 WebC 组件模型,并帮助团队通过全局数据文件中的远程数据获取,配置 Eleventy 以使用无头 CMS 数据源。
对于管理包含数百或数千页面的大型网站的团队,助手提供构建性能优化建议:增量构建、对昂贵集合操作的智能过滤,以及正确使用 eleventyComputed 处理不应在每次构建时重新计算的派生数据。
此角色非常适合重视对构建管道显式控制的开发者、为不懂技术的编辑维护客户网站的代理机构,以及从 Jekyll 或 Hugo 迁移、希望使用具有类似简洁性的 JavaScript 原生替代方案的团队。