CNB
EOHTML
模板语言：
- Ant Design
*.tsx - Astro
*.astro - Bootstrap
*.html - Chakra UI
*.tsx - Docsify
*.md - Docusaurus
*.mdx - ESBuild
*.js - Eleventy
*.11ty.js - Gatsby
*.js - GitBook
*.md - Gridsome
*.vue - Hexo
*.ejs - Hugo
*.html - Jekyll
*.html - Mantine
*.tsx - Material-UI
*.js - MkDocs
*.md - Next.js
*.js - Nuxt.js
*.vue - Parcel
*.html - Remix
*.tsx - Rollup
*.js - Storybook
*.stories.js - Sphinx
*.rst - SvelteKit
*.svelte - SWC
*.ts - Tailwind CSS
*.css - Turbopack
*.ts - Vite
*.ts - VitePress
*.md - VuePress
*.vue - Webpack
*.js - 自定义框架
*.*
| Eleventy 简称 | 文件扩展名 | npm 包 |
|---|---|---|
html |
.html |
N/A |
HTML 文件默认会作为 Liquid 模板 进行预处理。这是一个可选功能，可以更改为您选择的其他模板引擎或完全禁用。此外，它可以基于每个模板或全局配置。更多信息请阅读更改模板的渲染引擎。
使用相同的输入和输出目录
这是一个常见陷阱。
当使用相同的 --input 和 --output 目录时，请小心处理 HTML 模板类型（这不是默认设置）。
如果您多次运行 Eleventy，它会尝试处理您的输出文件，这可能导致重复模板错误。
$ npx @11ty/eleventy --input=. --output=. --formats=md,html
正在从 ./README.md 写入 ./README/index.html
$ npx @11ty/eleventy --input=. --output=. --formats=md,html第二次运行将尝试从 ./README.md 和 ./README/index.html 写入 ./README/index.html，导致重复永久链接错误（两个模板写入同一位置）。您可以使用忽略功能来解决此问题。
如果您要使用 --formats=html，最好不要使用相同的输入和输出目录。