DEV Community
·
静态网站生成器 - 11ty v3 教程
💡
原文英文，约1500词，阅读约需6分钟。
📝
内容提要
Eleventy是一个易于使用的静态网站生成器，支持Markdown与HTML的混合。通过简单的命令和文件结构，可以快速构建多页面网站，并支持布局和静态资源管理。可通过Docker和Caddy在VPS上部署多个站点。
🎯
关键要点
- Eleventy是一个易于使用的静态网站生成器，支持Markdown与HTML的混合。
- 通过简单的命令和文件结构，可以快速构建多页面网站。
- 支持布局和静态资源管理，可以通过Docker和Caddy在VPS上部署多个站点。
- 安装Eleventy需要创建文件夹并初始化Node项目，使用npm命令安装。
- 可以在Markdown文件中混合使用HTML、CSS和JavaScript。
- 创建多个页面和路由非常简单，只需添加新的Markdown文件并创建链接。
- 可以使用_njk文件创建基本布局，支持模板逻辑和变量。
- 可以添加静态资产如CSS、JS和图像，并在布局中引用它们。
- 可以通过Docker和Caddy在VPS上部署多个静态网站。
- Eleventy支持从JSON数据创建页面，支持多语言和日期处理，提供插件以优化图像等功能。
❓
延伸问答
Eleventy是什么？
Eleventy是一个易于使用的静态网站生成器，支持Markdown与HTML的混合。
如何安装Eleventy？
安装Eleventy需要创建文件夹并初始化Node项目，然后使用npm命令安装：npm install @11ty/eleventy。
如何在Eleventy中创建多个页面？
在site目录中创建新的Markdown文件并添加链接，例如在index.md中链接到about.md。
Eleventy支持哪些静态资源管理？
Eleventy支持添加静态资产如CSS、JS和图像，并在布局中引用它们。
如何在VPS上部署多个Eleventy站点？
可以通过Docker和Caddy在VPS上部署多个Eleventy站点，需创建相应的文件夹和配置文件。
Eleventy支持哪些数据处理功能？
Eleventy支持从JSON数据创建页面，支持多语言和日期处理，提供插件以优化图像等功能。
➡️
