新增：适配瞬间标签显示

settings.yaml

@@ -1074,6 +1074,16 @@ spec:
               label:  开启
             - value: false
               label:  关闭
+        - $formkit: radio
+          name: enable_journals_tag
+          label: 瞬间页面-开启标签显示
+          value: false
+          help: '瞬间存在标签时，开启后会显示，反之不显示。发布瞬间时使用“#xxx”添加标签。'
+          options:
+            - value: true
+              label: 开启
+            - value: false
+              label: 关闭
         - $formkit: number
           name: journals_fold_height
           label:  瞬间页面-动态内容折叠

src/css/style.less

@@ -4808,9 +4808,39 @@ button.swiper-pagination-bullet {
   }
 }
 
-/* 日志界面 */
+/* 瞬间界面 */
 .journal {
 
+  &-teams {
+    display: grid;
+    gap: 15px;
+    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+
+    .item {
+      user-select: none;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      background: var(--bg-b);
+      height: 28px;
+      line-height: 28px;
+      border-radius: 14px;
+      cursor: pointer;
+      color: var(--main);
+      font-size: 12px;
+      padding: 0 15px;
+      text-align: center;
+      transition: color 0.35s, background 0.35s, box-shadow 0.35s, transform 0.35s;
+
+      &.active {
+        transform: translateY(-2px);
+        color: #fff;
+        background: var(--theme);
+        box-shadow: 0 5px 5px rgb(0 0 0 / 5%);
+      }
+    }
+  }
+
   em {
     font-style: normal;
   }
@@ -4845,6 +4875,14 @@ button.swiper-pagination-bullet {
     &.unfold {
       padding: 10px 12px 40px 12px;
     }
+
+    .tag {
+      color: var(--theme);
+
+      &:before {
+        content: "#";
+      }
+    }
   }
 
   &-operation {

templates/moments.html

@@ -4,6 +4,17 @@
   th:with="isJournals = true, enableShare = ${theme.config.page_config.enable_journals_share}, baseEnableComment = ${theme.config.page_config.enable_journals_comment}"
   xmlns:th="https://www.thymeleaf.org">
   <th:block th:fragment="content">
+    <div class="card card-content journal" th:if="${!#lists.isEmpty(tags) && theme.config.page_config.enable_journals_tag}">
+      <div class="card-tab">
+        <div>
+          [[${#strings.replace(title, ' - ' + site.title, '')}]]
+        </div>
+      </div>
+      <div class="journal-teams">
+        <a th:class="${#strings.isEmpty(param.tag)? 'item active' : 'item'}" th:href="@{/moments}">全部</a>
+        <a th:each="tag : ${tags}" th:class="${#strings.equals(param.tag, tag.name)? 'item active' : 'item'}" th:href="@{/moments(tag=${tag.name})}" th:text="${tag.name}"></a>
+      </div>
+    </div>
     <div class="card card-content journal" th:each="moment : ${moments.items}">
       <p class="journal-date">
         <i class="ri-send-plane-line"></i>

theme.yaml

@@ -22,6 +22,6 @@ spec:
   settingName: theme-dream-setting
   configMapName: theme-dream-configMap
   # 版本号
-  version: 1.0.3.24
+  version: 1.0.3.28
   # 最低支持的 Halo 版本
   require: ">=2.6.0"