如何在Pug文件中插入原始HTML（不包括外部HTML文件）

Question

所以我想要的是将一些多行HTML放入Pug文件中，无法在任何地方找到如何执行此操作。

示例：

html
    head

    body
        <div><a href="lala"> blabla </a></div>

        p hihuhohoo

Answer 1

Pug text 可以包含HTML。只需强制它作为文本，它应该解析：

html
    head

    body
        | <div><a href="lala"> blabla </a></div>

        p hihuhohoo

此外，您使用反斜杠而不是正斜杠来关闭元素。

Answer 2

这是一个经过测试的示例，其中将带有raw html的变量传递到pug文件：

yourSourceFile.js

const p1 = 'This server uses a <a href="https://pugjs.org/api/getting-started.html" target="_blank">pug template</a> for the html output'
res.render('yourTemplateFile', { title: 'Hey', p1 })

yourTemplateFile.pug

html
  head
    title= title
  body
    p
      | !{p1}

Answer 3

我只能通过对<和>

进行编码来做到这一点

div
  | <script src="https://mydomain.io/script.js"></script>