更改外观

修改脚本

comment.hbs脚本负责为每个注释创建整体HTML。

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

1. 将comment.hbs从libs复制到apps

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

2. 打开覆盖的comment.hbs

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

3. 找到以下行，并删除或注释它们：

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

删除这些行，或用'<!—'和'—>'来注释掉它们。 此外，还会添加字符“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并选择​激活。

查看结果

如果您以管理员身份登录发布实例，例如以管理员/管理员身份登录http://localhost:4503/crx/de ，则可以验证覆盖的组件是否位于此处。

如果注销并重新登录为aaron.mcdonald@mailinator.com/password并刷新页面，您会发现发布的评论不再显示为头像，而是显示一个简单的“xxx”。