Pug 文件如何添加 HTML 广告代码

最近，笔者想在自己的独立博客网站添加一段广告代码。

我的博客是建立在 Github Page 上的静态页面，采用的是 Hexo 方案，前端模版使用的是 Pug 引擎。

Pug（以前被称为 Jade ）是一种高性能的模板引擎，用于将简洁的文本模板转换为 HTML 、XML 或其他格式的输出。它具有简洁的语法和强大的功能，使得在构建 Web 应用程序和生成动态内容时更加便捷和可读性更高。以下是一些 Pug 的主要特点和优势：

1. 简洁的语法: Pug 使用缩进和标签的层次结构来表示HTML结构，而不是使用传统的封闭标签。这样可以减少代码量和视觉噪声，提高代码的可读性。

2. 嵌入式 JavaScript: Pug 允许你在模板中嵌入 JavaScript 代码，以进行动态内容的生成和逻辑控制。你可以在模板中使用变量、循环、条件语句等功能，使模板更加灵活和功能丰富。

3. 模板继承: Pug 支持模板继承，可以定义一个父模板，然后在子模板中扩展和重写部分内容。这样可以实现模板的复用和分层管理，提高代码的可维护性。

4. 混入（Mixins）: Pug 的混入功能允许你定义可重用的代码块，类似于函数。你可以定义一个混入，并在需要的地方使用它，避免重复编写相同的代码。

5. 过滤器（Filters）: Pug 支持过滤器，可以将文本通过特定的过滤器进行处理，例如Markdown、CoffeeScript等。这使得在模板中处理不同类型的内容变得更加方便。