文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将html块插入到eleventy模板中

问如何将html块插入到eleventy模板中
EN

Stack Overflow用户

提问于 2022-06-21 15:00:05

回答 1查看 123关注 0票数 2

我正试着把一个网站从蟒蛇移到另一个。我的文件结构在上面的截图里。我一直在学习一些教程，比如https://dev.to/loige/getting-started-with-eleventy-in-11-minutes-496j，以及El7ydocs (https://www.11ty.dev/docs/layouts/)。

我尝试使用numchucks前面的内容将html块插入到一个名为test.njk的模板中(在必需3.njk中)：

---
title: hi
question: there
need3: need3.njk
---
<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

但是这并没有添加实际的html (只有文件名)。请参阅下面，如何将html块添加到模板中？

javascript

node.js

nunjucks

eleventy

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-21 19:18:27

我不认为你能用前面的事情来做这个。但是，您可以使用包含特征来完成它。

要查看这一点，请在文件夹中创建下面的文件以及一个logo.png文件。如果您在文件夹中运行npx @11ty/eleventy --serve，然后将浏览器导航到localhost:8080/test，那么您将看到标题和图像。

need3.njk

<img src="../logo.png">

test.njk

<h1>We can help:</h1>
{% include 'need3.njk' %}

.eleventy.js

module.exports = function(eleventyConfig) {
  eleventyConfig.addPassthroughCopy("*.png");
};

请注意，我已经将图像文件复制到站点的根目录中，然后通过向上的相对路径引用它，这可能是您不希望在代码中进行的，这不仅仅是一个测试。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72703055

复制

相似问题

问如何将html块插入到eleventy模板中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将html块插入到eleventy模板中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将html块插入到eleventy模板中
EN