如何在Fakebook主题中显示FullName在主题中

您好,

这看起来是 Fakebook,一个为社交媒体爱好者设计的主题 主题。Fakebook 主题在主题列表中使用自定义模板来显示用户名,但您可以修改此模板以显示全名。:slightly_smiling_face:

为此,您需要 Fork 该主题在 Github 上,并编辑模板文件。这是您需要在 Fork 中修改的文件:https://github.com/discourse/Fakebook/blob/main/javascripts/discourse/templates/list/custom-topic-list-item.hbr

此模板包含一个处理主题列表中用户数据的部分。您需要编辑它。

这行显示用户名。:arrow_down_small:

<span>{{topic.posters.[0].user.username}}</span>

所以我们需要在此之前或之后添加全名。


要添加全名,只需简单地将此部分更改为类似以下内容::arrow_down_small:

<div class="name-and-date">
  <span class="full-name-topic-list">{{topic.posters.[0].user.name}}</span>
  <span class="username">{{topic.posters.[0].user.username}}</span>
    {{format-date topic.createdAt format="tiny"}}
</div>

我在 username 之上添加了这一行,它将在主题列表中显示全名,位于用户名之上。

<span>{{topic.posters.[0].user.name}}</span>

可能需要一些 CSS 更改,但您可以轻松地定位 full-name-topic-list 类或您添加的任何类。


我现在 Fork 了 Fakebook 主题,并在以下 commit 中进行了此更改,您可以查看它:Add full name to topic list · VaperinaDEV/Fakebook@0978133 · GitHub

这就是它的样子。

Don - Full Name
dodesz - Username

希望这有帮助 :slightly_smiling_face:

2 个赞