Blaze UI 排版块引用

Blaze UI 是一个基于 Web 标准构建的开源 UI 库，提供了一组通用的 UI 组件，可以方便的构建 Web 应用的界面。其中，排版块引用是 Blaze UI 的一个常用组件之一，非常适合用来展示代码段、引用文本等内容。

使用示例

要使用排版块引用，需要在 HTML 文件中引入相应的样式和脚本：

<!-- 引入 CSS 样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/blaze/">

<!-- 引入 JS 脚本 -->
<script src="https://cdn.jsdelivr.net/npm/blaze/"></script>

然后，就可以使用 Blaze UI 提供的 .blockquote 类来创建排版块引用了，例如：

<blockquote class="blockquote">
  <p class="mb-0">在我的生命中，曾经有两个女孩子。</p>
  <footer class="blockquote-footer">——余华《活着》</footer>
</blockquote>

排版块引用的效果如下所示：

在我的生命中，曾经有两个女孩子。

——余华《活着》

基本语法

排版块引用的基本语法如下：

<blockquote class="blockquote">
  <!-- 引用内容 -->
  <p class="mb-0">...</p>

  <!-- 引用来源 -->
  <footer class="blockquote-footer">...</footer>
</blockquote>

其中，.blockquote 类用于指定排版块引用的样式，.mb-0 类用于去除段落底部的边距，.blockquote-footer 类用于指定引用来源的样式。

其他选项

除了引用内容和引用来源外，排版块引用还可以包含一些其他元素，例如图片、超链接等。此外，Blaze UI 还提供了一些用于排版块引用的其他类，例如.text-muted 类用于指定引用来源的颜色为灰色。可以根据实际需要进行选择和使用。

总结

排版块引用是 Blaze UI 的一个常用 UI 组件，可以方便地展示代码段、引用文本等内容。使用时需要引入相应的样式和脚本，然后按照基本语法创建即可。在创建时还可以添加其他元素和其他类，以达到更好的展示效果。