feat: 瞬间新增支持显示作者

src/css/style.less

@@ -4609,6 +4609,42 @@ button.swiper-pagination-bullet {
         }
       }
     }
+
+    &-owner {
+      float: right;
+      display: flex;
+
+      & > .avatar {
+        height: 1.5em;
+        width: 1.5em;
+        border-radius: 50%;
+      }
+
+      & > .no-avatar {
+        height: 1.5em;
+        width: 1.5em;
+        background: var(--light-b);
+        border-radius: 50%;
+        align-items: center;
+        justify-content: center;
+        display: flex;
+
+        & > .avatar-info {
+          font-size: 0.8em;
+          color: var(--dark-c);
+        }
+      }
+
+      & > .name {
+        margin-left: 5px;
+        font-size: 1em;
+        color: var(--main);
+        max-width: 8em;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
   }
 
   &-comment {

templates/moments.html

@@ -36,6 +36,14 @@
         <span class="journal-operation-item" th:if="${enableShare}">
           <a class="share"><i class="ri-share-forward-line"></i><em>分享</em></a>
         </span>
+        <div th:if="${theme.config.page_config.enable_journals_owner}" class="journal-operation-owner" th:title="${moment.owner.displayName}">
+          <img th:unless="${#strings.isEmpty(moment.owner.avatar)}" class="avatar" th:src="${moment.owner.avatar}"
+               alt="avatar">
+          <div th:if="${#strings.isEmpty(moment.owner.avatar)}" class="no-avatar">
+            <span class="avatar-info">[[${#strings.substring(moment.owner.displayName, 0, 1)}]]</span>
+          </div>
+          <span class="name">[[${moment.owner.displayName}]]</span>
+        </div>
       </div>
       <div class="journal-comment" th:if="${enableComment}">
         <div class="comment-section" data-target="Moment" th:data-id="${moment.metadata.name}"></div>