请教一个跟discourse有关的问题

闲聊灌水
2

Discourse 论坛顶部的 banner（横幅）可以在后台以“主题组件（Theme Component）”或“站点定制（Site Customization）”的形式添加。步骤大致如下：

  1. 以管理员身份登录后，进入 2.*管理 → 自定义 → 主题（/admin/customize/themes）**。

  2. 新建或选中一个主题（theme），点击 “编辑 CSS/HTML”。

  3. 在 “After Header”（页眉之后）或 “Header”（页眉）文本框里插入一段 HTML，例如：

HTML

预览

  • 复制
<div class="custom-banner">
  <span>Welcome to Emacs China!</span>
</div>
  • 切换到 CSS 页签，写样式把这段 HTML 做成横幅效果，例如：

css

  1. 复制
.custom-banner {
  background: #f7f7f7;
  padding: 12px 0;
  text-align: center;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #ddd;
}
  1. 保存并发布该主题/组件，所有访客即可在页面顶部看到这条横幅。

如果想只在特定页面或时间段显示，可以再配合 Discourse 的条件脚本（如 {{#if}} 或插件）或用 JavaScript 动态控制。

2 个赞