DEV Community
·
静态网站生成器 - 11ty v3 教程
内容提要
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的混合使用，允许用户在Markdown文件中嵌入HTML、CSS和JavaScript。这种灵活性使得开发者可以轻松创建动态效果和样式，适合需要快速迭代和调整的网站开发。
多页面管理的简便性
通过简单的文件结构，用户可以轻松创建多个页面和路由。只需添加新的Markdown文件并创建链接，Eleventy会自动处理路由。这种设计特别适合需要频繁更新内容的网站，如博客或文档站点。
部署与扩展性
Eleventy可以通过Docker和Caddy在VPS上部署多个静态网站。这种部署方式不仅提高了网站的可扩展性，还简化了管理多个站点的过程，适合需要同时维护多个项目的开发者。
延伸问答
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数据创建页面，支持多语言和日期处理，提供插件以优化图像等功能。
