更改外观

修改脚本

此 comment.hbs 脚本负责为每个评论创建整体HTML。

要不在每个发布的评论旁边显示头像，请执行以下操作：

1. 复制 comment.hbs从 libs到 apps

   1. 选择 /libs/social/commons/components/hbs/comments/comment/comment.hbs
   2. 选择 复制
   3. 选择 /apps/social/commons/components/hbs/comments/comment
   4. 选择 粘贴

2. 打开覆盖的 comment.hbs

   • 双击节点 comment.hbs 在 /apps/social/commons/components/hbs/comments/comment folder

3. 查找以下行，然后将其删除或注释掉：

  <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

删除这些行，或者用以下内容包围它们： <!-- 和 --> 所以你把话说出来。 此外，还将添加字符“xxx”作为显示头像位置的可视指示器。

   xxx
   <!-- do not display avatar with comment
    <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

复制叠加

使用复制工具将覆盖的注释组件推送到发布实例。

在全局导航中，选择 工具 > 部署 > 复制 并单击 激活树.

对于“起始路径”，输入 /apps/social/commons 并选择 激活.

查看结果

https://localhost:4503/crx/de如果您以管理员身份（例如，以admin/admin身份）登录发布实例，则可以验证是否存在覆盖的组件。

如果您注销，然后以 aaron.mcdonald@mailinator.com/password 并刷新页面，您发现头像未与发布的评论一起显示。 而是显示简单的“xxx”。