首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将带有.html后缀的页面保留在eleventy (静态站点生成)输出中?

Eleventy是一个静态站点生成器,它可以将各种模板语言(如HTML、Markdown等)转换为静态HTML页面。默认情况下,Eleventy会将所有的页面文件转换为HTML,并将其输出到指定的目录中。

如果你想保留带有.html后缀的页面在Eleventy的输出中,你可以按照以下步骤进行操作:

  1. 在Eleventy的配置文件(通常是.eleventy.js)中,找到eleventyConfig.addPassthroughCopy方法。该方法用于将指定的文件或目录复制到输出目录中,而不进行任何转换。
  2. eleventyConfig.addPassthroughCopy方法中,添加一个参数,指定带有.html后缀的页面所在的目录或文件。例如,如果你的页面位于src/pages目录下,可以使用以下代码:
代码语言:txt
复制
eleventyConfig.addPassthroughCopy("src/pages/**/*.html");

这将告诉Eleventy将src/pages目录下的所有带有.html后缀的页面复制到输出目录中。

  1. 运行Eleventy生成静态站点。你可以使用以下命令:
代码语言:txt
复制
npx eleventy

Eleventy将根据配置文件中的设置,将带有.html后缀的页面复制到输出目录中,同时将其他页面转换为静态HTML。

这样,带有.html后缀的页面就会保留在Eleventy的输出中了。

注意:以上步骤是基于Eleventy的默认配置进行的。如果你在Eleventy的配置文件中进行了其他自定义设置,可能需要根据实际情况进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

web前端开发入门,学习路径以及具体的学习内容

在本阶段,我们需要掌握 HTML 与 CSS 基础,当然,也包含 H5 和 C3 的新特性。这 个部分内容非常简单,而且非常容易掌握。相信你也更愿意学习这个部分,毕竟他可以让你 最直观的感受到前端的魅力。为了锻炼大家写代码,可以根据你喜欢的站点去实现效果。 这一阶段是非常重要的基础阶段,所谓基础就是可能这个阶段我们的学习的内容,可以 让我们开发出来绚丽网站站点,但是功能丰富却暂时做不到。 为了完成更绚丽的站点,我 们需要掌握常见特效的实现,利用 css3 和 h5 的新特性实现动画,布局,雪碧图,滑动门, tab 切换等特效。并且掌握基础的站点优化内容。例如 sprite 等。虽然我们还不能完成更 多交互内容,但是我们会学习到很多的知识模型和理论,而这些知识模型和理论是我们后期 工作和学习的基石。扎实的基础有了,我们才能走的更稳更快。 注:本阶段不涉及到编程,主要是熟悉 HTML5 各种标签用法、CSS3 各种属性的用法。

00

【译】在生产环境中使用原生JavaScript模块

两年前,我写了一篇有关module/nomodule技术的文章(译者注:原文地址https://philipwalton.com/articles/deploying-es2015-code-in-production-today/,文末有此文的译文链接),这项技术允许你在编写ES2015+代码时,使用打包器和转换器生成两个版本的代码库,一个具有现代语法的版本(通过 <scripttype="module">加载)和一个使用ES5语法的版本(通过 <scriptnomodule>加载)。该技术允许你向支持模块(译者注:指ECMA制定的标准的export/import模块语法及其加载机制,又称为ES Module、ESM、ES6 Module、ES2015 Module,下文中将出现很多"模块"一词,都是这个含义)的浏览器发送更少的代码,现在大多数Web框架和CLI都支持它。

02
领券