在jade/pug中阻塞HTML的整个部分，而不是单独的行
在jade/pug中，可以使用block关键字来阻塞HTML的整个部分，而不是单独的行。block关键字用于定义一个可被继承的块，子模板可以通过extends关键字继承父模板，并在需要的位置使用block来填充内容。
以下是一个示例：
父模板（layout.pug）：
html
head
title My Website
body
block content子模板（index.pug）：
extends layout.pug
block content
h1 Welcome to my website!
p This is the content of the page.在上述示例中，父模板中的block content定义了一个可被继承的块，子模板通过extends layout.pug继承了父模板，并在block content中填充了具体的内容。
这种方式可以实现在jade/pug中阻塞HTML的整个部分，而不仅仅是单独的行。这在构建具有共享布局的网页时非常有用，可以让子模板填充不同的内容而不改变整体布局。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL版。腾讯云云服务器提供可扩展的计算能力，适用于各种应用场景；腾讯云云数据库MySQL版提供高性能、可扩展的关系型数据库服务，适用于存储和管理数据。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql
相关·内容
在Jade/Pug中，您可以使用管道呈现原始HTML如果需要阻塞数百行代码，有没有一种有效的方法？
浏览 15提问于2020-03-14得票数 0
回答已采纳
我是Node.JS堆栈的新手。我看到很多开发人员正在使用pug模板引擎(Express JS)，而不是常规的HTML。如果你们中的任何人使用过pug，你能告诉我使用pug相对于HTML视图技术的主要好处吗？
浏览 2提问于2019-09-18得票数 2
我刚刚开始使用jade和node。我将一个对象从节点传递到jade模板(parent.jade)，并将相同的jade文件(parent.jade)包含到另一个文件(child.jade)。它的描述如下：res.render('parent.jade', {data: mydata});
然后在parent.jade中，我正确地接收
浏览 12提问于2017-08-01得票数 0
1回答
我正在尝试console.log我的数据从表单到/persons，endpoint.But，获取错误，未定义或错误:没有指定默认引擎，也没有提供扩展。express(); response.writeHead(200, {'Content-Type': 'text/html
浏览 4提问于2017-11-30得票数 0
回答已采纳
这也许是个很愚蠢的问题，但我找不到任何办法让它发挥作用。
有人想出办法让它起作用吗？
浏览 2提问于2016-05-26得票数 4
回答已采纳
2回答
我是第一次使用pug，正在尝试弄清楚如何使用npm pug-bootstrap，这样我就可以使用他们的布局了。我npm安装了jade-bootstrap和pug-bootstrap，但在文档中找不到如何在我的index.pug文件中引用它们的封面引导布局。我已经有了server.js文件，并且可以将html呈现到我的本地端口上。我尝试将cover.pug页面复制到
浏览 1提问于2018-01-31得票数 1
1回答
我使用pug ( jade )，并使用prepros转换jade文件(.jade)。但是我想把jade文件(.jade)转换成php文件(.php)，而不是html文件(.html)。我知道如何使用prepos 5来做这件事，但是我想使用最新的版本，而我的prepos 5不再工作了……
我尝试了prepos (v6)设置/编译器设置/ pug(
浏览 0提问于2017-07-08得票数 0
5回答
所以它是这样的：但是，它添加了一堆自动的jade文件。我想知道是否有一种方法可以去掉那些jade文件，只使用带有express生成器的html。
谢谢!
浏览 0提问于2015-06-04得票数 23
2回答
在使用、和时，我更喜欢使用translate指令作为空属性。但出于某种原因，当在Jade中使用空属性时，我得到的不是<tag translate或<tag translate=''之类的东西，而是<tag translate='translate'
如何在没有值的情况下添加属性
浏览 3提问于2015-02-15得票数 3
回答已采纳
我是Jade和NodeJS express的新手。我有一个简单的网页，加载一个带有div标签的jpeg。我希望能够有一个响应图像映射与以下html和JS，但不能得到它的工作。
浏览 16提问于2017-07-29得票数 1
我使用node.js、express.js和pug/jade。我在我的pug视图中使用这个变量所以我想把这个脚本包含在
script(src='js/my_s
浏览 9提问于2016-09-21得票数 0
我为Node.js安装了Express Generator，但当我创建一个示例应用程序时，我注意到Jade已被Pug弃用。我安装了Pug，但每次我仍然需要告诉快速生成器使用它。我一直在阅读这个主题，它告诉开发人员只需手动更改文件名，但有没有方法可以开箱即用？我该怎么做？
浏览 2提问于2017-06-02得票数 2
由于某些原因，我无法将变量传递给带有Node的pug模板。app.get("/", function (req, res) {})extends layout.pugblock content这只会返回index.html文件中的"guy“
浏览 5提问于2016-06-26得票数 25
2回答
我正在使用Jade/Pug来简化我的HTML，并试图创建一个包含元细节的块。当我在索引文件中扩展布局时，我似乎无法用#{desc}替换为desc变量。doctype head title variables
meta(name='description' content
浏览 3提问于2016-11-02得票数 2
5回答
我知道Pug不支持动态包含或在模板中扩展。即起作用但不起作用是否有一个解决办法(无论多么复杂)允许在运行时修改视图使用的模板的相同目标Context：我的用例是，我正在开发一个npm模块，用于扩展其他视图的模板位于模块中。在模块发布和安装之后，将定义路径(即。但在开发阶段，我只需要能够"npm链接“到
浏览 2提问于2017-08-22得票数 4
1回答
没有在JSP页面上显示区域字符
、、、、
我用Spring对Maven Webapp进行了格式化，使其具有英语和孟加拉语的本地化功能。我分别为英语和孟加拉语从属性文件加载页面所需的消息。如果我直接将字符添加到页面中，它们将被正确地呈现。另外，如果我在unicode (Ex:স)中添加孟加拉字符，它们将得到正确的显示。但是，由于属性文件无法轻松读取，所以我以普通孟加拉文本(Ex:স)添加了文本，但现在它们无法正确显示。在每个JSP页面中，我都有以下内容。<%@page pageEncodi
浏览 4提问于2015-09-23得票数 1
回答已采纳
3回答
只有当混入代码放在同一个文件中时，它才能起作用。rishabh/Documents/my_projects/getting_MEAN/loc8r/node_modules/express/lib/router/index.js:166:38)
我使用的混音器如下所示我将int保存在一个单独的文件中，然后要求在必须使用它的jade文件中使用它。span.glyphi
浏览 3提问于2018-07-25得票数 0
但是，与其在PHP中直接使用HTML，我更愿意使用Jade。 这是在使用CodeIgniter，问题是下面这行： link(href='<?php echo base_url(); ?>css/bootstrap.min.css', rel='stylesheet') 从Jade转换为PHP的输出结果是这样的，而不是路径： <link href="&
浏览 9提问于2019-02-21得票数 2
回答已采纳
我正在使用将jade文件编译成html。我应该如何用jade选项修改这一行，使我的最终index.html在目录中的上一级，而不是与jade文件在同一文件夹中？目前，我将index.html放在jade文件夹中。%.html: %.jade
浏览 0提问于2012-06-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
