如何添加像Discourse主页一样漂亮的横幅

支持
1

我想添加一些功能，允许放置横幅以欢迎访客，

home
home1389×270 20.9 KB

我检查了所有主题
以及任何插件或扩展

3

你好 @Phenix1997，
查看以下主题：:arrow_down:

4

您能帮忙修改链接吗！
请查看

links
links1541×473 34.6 KB

5

更改文本：

更改链接和图标：
https://github.com/discourse/discourse-meta-banner/blob/main/javascripts/discourse/templates/components/meta-banner.hbs

6

有图标提供商吗？

7

如果这就是您的意思，Discourse 使用 Version 5 Icons | Font Awesome 作为图标。

8

我尝试用新图标替换旧图标并上传，但没有任何变化。
查看

icons
icons1477×719 48.1 KB

{{#if (and shouldShow discoveryRoute)}}
  <div class="custom-homepage-wrapper">
    <div class="wrap custom-homepage">
      <div class="welcome-wrapper">
        <div class="welcome-content">
          <h2>{{theme-i18n "meta_banner.welcome"}}</h2>
          <p>{{theme-i18n "meta_banner.subtitle"}}</p>
        </div>
        <div class="featured-todo">
          <div>
            <a href="https://forum.ongurutips.com/search?expanded=true">
              <h3>{{d-icon "info-circle"}}
                {{theme-i18n "meta_banner.docs"}}</h3>
            </a>
          </div>
          <div>
            <a href="https://www.fiverr.com/phenix1997">
              <h3>{{d-icon "fab-discourse"}}
                {{theme-i18n "meta_banner.themes"}}</h3>
            </a>
          </div>
          <div>
            <a href="https://ongurutips.com">
              <h3>
                {{d-icon "fab-discourse"}}
                {{theme-i18n "meta_banner.hosting"}}</h3>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
{{/if}}

我的新图标！PNG 格式

blogging
blogging512×512 19.7 KB

查看 https://forum.ongurutips.com

9

我们如何更改横幅的 Font Awesome 图标？

~ 论坛 ongurutips.com 的管理员

10

只需将这些替换为您喜欢的图标

sketch-1634892929852
sketch-16348929298521080×1487 171 KB

11

我尝试过，但没有人能解决。您能建议其他方案吗？

12

兄弟，你是怎么用的，我这里显示不了。