Discourse 频道的自定义横幅

支持
1

嘿！我们正在尝试搭建自己的 Discourse 频道，需要实现一个（位于标题栏之后）的横幅，效果应如下所示：

TaxQnA Banner (1)
TaxQnA Banner (1)5745×1654 249 KB

但我们遇到了两个主要问题：

  1. 我们无法让横幅占满全宽。Discourse 会添加一个容器，导致整个组件都被包含在该容器内。
  2. 即使图片已在域名内，我们也无法看到它们。我们已上传了这些图片，并使用了以下代码：
    background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
    但不起作用。

如有任何帮助，我们将不胜感激。
提前感谢。

2

在您的主题的 head 文件中，您可以添加以下内容：

<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">

// 您的自定义 HTML 代码

</script>

这利用了一个插件出口（plugin outlet），将内容直接放置在标题下方，并位于我们的内容容器之外（更多详情请参见：Discourse 主题开发者指南）

根据变量名来看……这是否是一个 SVG 图像？如果是，您可能需要确保 SVG 文件的标记中包含 viewbox 和/或尺寸……我偶尔也会遇到这个问题。

否则，您的图片应该会显示出来……这是发生在在线站点上，还是本地开发安装中？我偶尔会在开发安装中遇到上传图片的问题，通常清除缓存或重启服务器即可解决。