有使用 nunjucks 模板的朋友吗，请教个问题

日期 : 2020-09-27 12:00:54作者 : 冰淇淋

我建了几个 html 文件，布局如下： base.html

<!DOCTYPE html>
<html lang="en">
<head>
    //头部内容
</head>
<body>
{% block header %}
<header>
    //导航内容
</header>
{% endblock %}

<main role="main">
{% block main %}
{% endblock %}
</main>

<script src="jquery-3.4.1.min.js"></script>

{% block script %}
{% endblock %}
<script type="text/javascript">cnzz 统计代码</script>
</body>
</html>

test.html

{% include "base.html" %}

{% block main %}
<div class="test">
    //test 页面内容
</div>
{% endblock %}

这样生成的页面，查看右键源代码结果是这样的：

<!DOCTYPE html>
<html lang="en">
<head>
    //头部内容
</head>
<body>
<header>
    //导航内容
</header>

<main role="main">
//这里面是空白
</main>

<script src="jquery-3.4.1.min.js"></script>

<script type="text/javascript">cnzz 统计代码</script>
</body>
</html>


<div class="test">
    //test 内容
</div>

上面只是示例代码
问题来了，test.html include base.html，然后用 block main 覆盖 base 的 main，查看右键源码的时候，他是在底部又生成了一份<div>，而且是在</html>外面，不是覆盖 base 的 main 位置，感觉很奇怪，虽然浏览器页面渲染显示也正常，没啥影响，有谁知道这种情况的吗？是否属于正常结果，还是我的使用方式不对？看官方文档说是覆盖的。

另外一个问题，用这种方式引入的 cnzz 统计代码，好像统计不到访问数据，日志打印一堆请求 ip，cnzz 统计出来的 ip 只有 1 个或 0 个的(可能是本地测试的才统计到)，完全对不上，我 cnzz 加了 display: none，不显示小图标，按理不影响统计吧？

{% include "base.html" %}

=======
是 include, 还是 extends ？ 我咋记得是 extends ？自己去看看文档

标签 :