diff --git a/templates/macro/content-links.html b/templates/macro/content-links.html
index 78dc319a..dcd07c32 100644
--- a/templates/macro/content-links.html
+++ b/templates/macro/content-links.html
@@ -20,6 +20,8 @@ <h3 class="link-title">
                   th:attr="data-src=${link.spec.logo}"
                   th:src="${#theme.assets('/images/load/trans.ajax-spinner-preloader.svg')}" 
                   th:alt="${link.spec.displayName}"
+                  width="65"
+                  height="65"
                   onerror="imgError(this)">
                 <span class="sitename" th:text="${link.spec.displayName}"></span>
                 <div class="linkdes" th:text="${link.spec.description}"></div>
diff --git a/templates/macro/content-masonry-photos.html b/templates/macro/content-masonry-photos.html
index 111f837f..f2f8a829 100644
--- a/templates/macro/content-masonry-photos.html
+++ b/templates/macro/content-masonry-photos.html
@@ -39,6 +39,8 @@
                 th:src="${#strings.isEmpty(photo.spec.cover) ? #theme.assets('/images/load/load.gif') : photo.spec.cover}"
                 th:alt="${photo.spec.displayName}"
                 th:data-src="${photo.spec.url}"
+                height="500"
+                width="500"
               />
             </header>
             <figcaption class="gallery-caption">
diff --git a/templates/macro/content-post.html b/templates/macro/content-post.html
index 655002f8..d07d766c 100644
--- a/templates/macro/content-post.html
+++ b/templates/macro/content-post.html
@@ -44,7 +44,7 @@
           <div class="reward-main">
             <ul class="reward-row">
               <li th:each="item : ${theme.config.post.reward}">
-                <img th:src="${item.code}" alt="reword"/>
+                <img th:src="${item.code}" alt="reword" width="325" height="325"/>
                 <span class="reward-name" th:text="${item.label}"></span>
               </li>
             </ul>
diff --git a/templates/macro/content-thumb.html b/templates/macro/content-thumb.html
index 7891f59f..b69e9291 100644
--- a/templates/macro/content-thumb.html
+++ b/templates/macro/content-thumb.html
@@ -81,7 +81,9 @@ <h1 th:text="${post.spec.title}"></h1>
           class="lazyload"
           th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
           th:data-src="${post.spec.cover}"
-          alt=""
+          alt="thumbnail of the cover of the post"
+          width="430"
+          height="300"
           onerror="imgError(this)"
         />
         <img
@@ -98,7 +100,9 @@ <h1 th:text="${post.spec.title}"></h1>
           data-sizes="auto"
           class="lazyload"
           th:classappend="${theme.config.random_image.rimage_cover_lqip == 'lowquality' ? 'blur-up' : ''}"
-          alt=""
+          alt="thumbnail of the cover of the post"
+          width="430"
+          height="300"
           onerror="imgError(this)"
         />
         <img
@@ -106,7 +110,9 @@ <h1 th:text="${post.spec.title}"></h1>
           class="lazyload"
           th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
           th:data-src="${#theme.assets('/images/default/temp.webp')}"
-          alt=""
+          alt="thumbnail of the cover of the post"
+          width="430"
+          height="300"
           onerror="imgError(this)"
         />
       </a>
diff --git a/templates/macro/content.html b/templates/macro/content.html
index 2d858fb3..a48cf8ed 100644
--- a/templates/macro/content.html
+++ b/templates/macro/content.html
@@ -25,12 +25,12 @@
       </div>
       <img
         th:if="${not #strings.isEmpty(post.spec.cover)}"
-        width="150"
-        height="150"
         class="lazyload"
         th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
         th:data-src="${post.spec.cover}"
-        alt=""
+        alt="thumbnail of the cover of the post"
+        width="100"
+        height="100"
         onerror="imgError(this)"
       />
       <img
@@ -48,7 +48,9 @@
         data-sizes="auto"
         class="lazyload attachment-post-thumbnail size-post-thumbnail"
         th:classappend="${theme.config.random_image.rimage_cover_lqip == 'lowquality' ? 'blur-up' : ''}"
-        alt=""
+        alt="thumbnail of the cover of the post"
+        width="100"
+        height="100"
         onerror="imgError(this)"
       />
       <img
@@ -56,7 +58,9 @@
         class="lazyload"
         th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
         th:data-src="${#theme.assets('/images/default/temp.webp')}"
-        alt=""
+        alt="thumbnail of the cover of the post"
+        width="100"
+        height="100"
         onerror="imgError(this)"
       />
     </a>
diff --git a/templates/macro/page-header.html b/templates/macro/page-header.html
index 9d7ec606..14e7f515 100644
--- a/templates/macro/page-header.html
+++ b/templates/macro/page-header.html
@@ -23,7 +23,9 @@
             th:attr="data-src=${frontCover}"
             th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
             itemprop="contentUrl"
-            alt=""
+            alt="large picture of the cover"
+            width="1920"
+            height="400"
           />
         </th:block>
 
@@ -45,7 +47,9 @@
             th:classappend="${theme.config.random_image.rimage_cover_lqip == 'lowquality' ? 'blur-up' : ''}"
             onerror="imgError(this)"
             itemprop="contentUrl"
-            alt=""
+            alt="large picture of the cover"
+            width="1920"
+            height="400"
           />
         </th:block>
       </div>
diff --git a/templates/module/authorprofile.html b/templates/module/authorprofile.html
index e5fb2bb2..0b1801a2 100644
--- a/templates/module/authorprofile.html
+++ b/templates/module/authorprofile.html
@@ -6,6 +6,8 @@
           th:src="${post.owner.avatar ?: #theme.assets('/images/default/avatar.webp')}"
           itemprop="image"
           th:alt="${post.owner.displayName}"
+          width="70"
+          height="70"
         />
       </a>
       <div class="meta">
diff --git a/templates/module/feature.html b/templates/module/feature.html
index 09629469..8e3be339 100644
--- a/templates/module/feature.html
+++ b/templates/module/feature.html
@@ -16,7 +16,13 @@ <h1 class="fes-title" style="font-family: 'Ubuntu', sans-serif">
     <div class="top-feature-item" th:each="feature : ${theme.config.focus.features}">
       <div class="feature-container">
         <a data-pjax th:href="${feature.link}" target="_blank" aria-label="visit the concentrated content">
-          <img th:src="${feature.image}" th:alt="${feature.title}" />
+          <img
+            th:src="${feature.image}"
+            th:alt="${feature.title}"
+            alt="cover picture of focusing on content"
+            width="780"
+            height="160"
+          />
           <div class="info">
             <h3>
               <span th:text="${feature.title}"></span>
diff --git a/templates/module/footer.html b/templates/module/footer.html
index ee45d441..2151309b 100644
--- a/templates/module/footer.html
+++ b/templates/module/footer.html
@@ -2,8 +2,8 @@
 <th:block th:fragment="footer">
   <div class="footer-logo">
     <p
-      th:style="'background-image: url(' + ${theme.config.others.footer_logo ?: #theme.assets('/images/footer/sakura.svg')} + ');'">
-    </p>
+      th:style="'background-image: url(' + ${theme.config.others.footer_logo ?: #theme.assets('/images/footer/sakura.svg')} + ');'"
+    ></p>
   </div>
   <div class="footer-halo">
     <halo:footer />
@@ -11,16 +11,31 @@
   <div class="footer-copyright">
     <!--/* 请尊重作者，务必保留版权声明! */-->
     <p>
-      <span>Powered
+      <span
+        >Powered
         <span class="iconify animated" data-icon="fa:vimeo"></span>
         by
-        <a rel="me" target="_blank" href="http://halo.run" title="一款现代化的开源建站 / CMS 系统。" aria-label="engines are supported on this website">Halo</a>
+        <a
+          rel="me"
+          target="_blank"
+          href="http://halo.run"
+          title="一款现代化的开源建站 / CMS 系统。"
+          aria-label="engines are supported on this website"
+          >Halo</a
+        >
       </span>
       •
-      <span>Crafted with
+      <span
+        >Crafted with
         <span class="iconify" data-icon="fa-heart"></span>
         by
-        <a rel="me" target="_blank" href="https://github.com/LIlGG/halo-theme-sakura" aria-label="the theme used by this website">LIlGG</a>
+        <a
+          rel="me"
+          target="_blank"
+          href="https://github.com/LIlGG/halo-theme-sakura"
+          aria-label="the theme used by this website"
+          >LIlGG</a
+        >
       </span>
     </p>
   </div>
@@ -32,16 +47,30 @@
     </p>
     <p class="footer-beian">
       <th:block th:if="${not #strings.isEmpty(theme.config.others.footer_case_number)}">
-        <a href="https://beian.miit.gov.cn/" target="_blank" th:text="${theme.config.others.footer_case_number}" aria-label="gongan filing address"></a>
+        <a
+          href="https://beian.miit.gov.cn/"
+          target="_blank"
+          th:text="${theme.config.others.footer_case_number}"
+          aria-label="gongan filing address"
+        ></a>
       </th:block>
       <th:block th:if="${not #strings.isEmpty(theme.config.others.footer_ga_case_number)}">
-        <a th:href="@{|https://beian.mps.gov.cn/#/query/webSearch?code=${theme.config.others.footer_ga_select_number}|}"
-          style="margin-left: 8px;"
-          target="_blank" aria-label="gongan filing address">
-          <img th:src="${#theme.assets('/images/footer/gongan.png')}" alt="" width="16px" style="margin-right: 4px;"/>
+        <a
+          th:href="@{|https://beian.mps.gov.cn/#/query/webSearch?code=${theme.config.others.footer_ga_select_number}|}"
+          style="margin-left: 8px"
+          target="_blank"
+          aria-label="gongan filing address"
+        >
+          <img
+            th:src="${#theme.assets('/images/footer/gongan.png')}"
+            alt="badge for gongan"
+            width="16"
+            height="16"
+            style="margin-right: 4px"
+          />
           <span th:text="${theme.config.others.footer_ga_case_number}"></span>
         </a>
       </th:block>
     </p>
   </div>
-</th:block>
\ No newline at end of file
+</th:block>
diff --git a/templates/module/header/brand.html b/templates/module/header/brand.html
index fe4c01e9..04d99aad 100644
--- a/templates/module/header/brand.html
+++ b/templates/module/header/brand.html
@@ -2,7 +2,7 @@
 <div class="site-branding" th:fragment="brand">
   <div th:if="${not #strings.isEmpty(site.logo)} and ${theme.config.general.site_title == 'logo'}" class="site-title">
     <a data-pjax th:href="${site.url}" aria-label="access the homepage of this website">
-      <img th:src="${site.logo}" th:alt="${site.title}"/>
+      <img th:src="${site.logo}" th:alt="${site.title}" height="40" width="40"/>
     </a>
   </div>
   <h1 th:if="${#strings.isEmpty(site.logo)} or ${theme.config.general.site_title == 'text'}" class="site-title">
diff --git a/templates/module/header/user.html b/templates/module/header/user.html
index ad824888..67e326b9 100644
--- a/templates/module/header/user.html
+++ b/templates/module/header/user.html
@@ -3,7 +3,12 @@
   th:with="currentUser = ${contributorFinder.getContributor(#authentication.name)}"
   th:fragment="user"
 >
-  <img th:src="${currentUser.avatar ?: #theme.assets('/images/default/none.png')}" width="30" height="30" alt="" />
+  <img
+    th:src="${currentUser.avatar ?: #theme.assets('/images/default/none.png')}"
+    width="30"
+    height="30"
+    alt="user avatar"
+  />
   <div class="header-user-menu">
     <th:block sec:authorize="isAnonymous()">
       <div class="herder-user-name no-logged">
diff --git a/templates/module/home/focus_tou.html b/templates/module/home/focus_tou.html
index 1fa67af6..fb2260ac 100644
--- a/templates/module/home/focus_tou.html
+++ b/templates/module/home/focus_tou.html
@@ -2,8 +2,20 @@
   <th:block th:if="${theme.config.mainScreen.focus_tou == 'avatar'}">
     <div class="header-tou no-select">
       <a th:href="${site.url}" aria-label="access the homepage of this website.">
-        <img th:if="${#strings.isEmpty(site.logo)}" th:src="@{/assets/images/default/avatar.webp}" alt="" />
-        <img th:unless="${#strings.isEmpty(site.logo)}" th:src="${site.logo}" alt="" />
+        <img
+          th:if="${#strings.isEmpty(site.logo)}"
+          th:src="@{/assets/images/default/avatar.webp}"
+          alt="site logo"
+          height="120"
+          width="120"
+        />
+        <img
+          th:unless="${#strings.isEmpty(site.logo)}"
+          th:src="${site.logo}"
+          alt="site logo"
+          height="120"
+          width="120"
+        />
       </a>
     </div>
   </th:block>
@@ -15,4 +27,4 @@
       th:text="${theme.config.mainScreen.glitch_text}"
     ></h1>
   </th:block>
-</th:block>
\ No newline at end of file
+</th:block>
diff --git a/templates/module/home/img_box.html b/templates/module/home/img_box.html
index 366f0558..5977a769 100644
--- a/templates/module/home/img_box.html
+++ b/templates/module/home/img_box.html
@@ -13,7 +13,9 @@
       th:data-url="${imageUrl}"
       th:data-currIndex="${randomNum}"
       class="lazyload cover-bg lazyload blur-up bg-change-js"
-      alt=""
+      alt="background picture of the home page"
+      width="1920"
+      height="1080"
       onerror="imgError(this)"
     />
     <div class="blend-overlay"></div>
@@ -24,7 +26,9 @@
     <img
       class="cover-bg"
       th:src="${theme.config.mainScreen.focus_img_1 ?: #theme.assets('/images/default/hd.webp')}"
-      alt=""
+      alt="background picture of the home page"
+      width="1920"
+      height="1080"
     />
   </th:block>
 
@@ -43,11 +47,11 @@
       <div class="top-social" th:if="${not #arrays.isEmpty(theme.config.sns.items)}">
         <ul>
           <li id="bg-prev">
-            <img class="flipx" th:src="@{/assets/images/next-b.svg}" alt="prev" />
+            <img class="flipx" th:src="@{/assets/images/next-b.svg}" alt="prev" width="28" height="28" />
           </li>
           <th:block th:replace="~{module/home/top_social}"></th:block>
           <li id="bg-next">
-            <img th:src="@{/assets/images/next-b.svg}" alt="next" />
+            <img th:src="@{/assets/images/next-b.svg}" alt="next" width="28" height="28" />
           </li>
         </ul>
       </div>
diff --git a/templates/module/home/top_social.html b/templates/module/home/top_social.html
index c197d18c..253367e5 100644
--- a/templates/module/home/top_social.html
+++ b/templates/module/home/top_social.html
@@ -14,13 +14,13 @@
 
   <th:block th:fragment="common_social(item)">
     <th:block th:if="${item.type == 'preset'}">
-      <img th:src="@{/assets/images/sns/{icon}(icon=${item.icon})}" alt="sns" />
+      <img th:src="@{/assets/images/sns/{icon}(icon=${item.icon})}" alt="sns" width="28" height="28" />
     </th:block>
     <th:block th:if="${item.type == 'custom'}">
-      <img th:src="${item.custom_icon}" alt="sns" />
+      <img th:src="${item.custom_icon}" alt="sns" width="28" height="28" />
     </th:block>
     <div th:if="${item.url_type == 'image'}" class="social-image-inner">
-      <img th:src="${item.image}" alt="sns" />
+      <img th:src="${item.image}" alt="sns" width="28" height="28" />
     </div>
   </th:block>
 </th:block>
diff --git a/templates/module/post-pagination.html b/templates/module/post-pagination.html
index e5005532..2c4e38fb 100644
--- a/templates/module/post-pagination.html
+++ b/templates/module/post-pagination.html
@@ -16,7 +16,9 @@
             class="lazyload"
             th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
             th:data-src="${postCursor.previous.spec.cover}"
-            alt=""
+            alt="The cover picture of the previous content"
+            height="160"
+            width="390"
             onerror="imgError(this)"
           />
           <img
@@ -33,7 +35,9 @@
             data-sizes="auto"
             class="lazyload"
             th:classappend="${theme.config.random_image.rimage_cover_lqip == 'lowquality' ? 'blur-up' : ''}"
-            alt=""
+            alt="The cover picture of the previous content"
+            height="160"
+            width="390"
             onerror="imgError(this)"
           />
           <img
@@ -41,7 +45,9 @@
             class="lazyload"
             th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
             th:data-src="${#theme.assets('/images/default/temp.webp')}"
-            alt=""
+            alt="The cover picture of the previous content"
+            height="160"
+            width="390"
             onerror="imgError(this)"
           />
           <span class="label" data-i18n="post.prev"></span>
@@ -62,7 +68,9 @@ <h3 th:text="${postCursor.previous.spec.title}"></h3>
             class="lazyload"
             th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
             th:data-src="${postCursor.next.spec.cover}"
-            alt=""
+            alt="The cover picture of the next content"
+            height="160"
+            width="390"
             onerror="imgError(this)"
           />
           <img
@@ -79,7 +87,9 @@ <h3 th:text="${postCursor.previous.spec.title}"></h3>
             data-sizes="auto"
             class="lazyload"
             th:classappend="${theme.config.random_image.rimage_cover_lqip == 'lowquality' ? 'blur-up' : ''}"
-            alt=""
+            alt="The cover picture of the next content"
+            height="160"
+            width="390"
             onerror="imgError(this)"
           />
           <img
@@ -87,7 +97,9 @@ <h3 th:text="${postCursor.previous.spec.title}"></h3>
             class="lazyload"
             th:src="${#theme.assets('/images/load/orange.progress-bar-stripe-loader.svg')}"
             th:data-src="${#theme.assets('/images/default/temp.webp')}"
-            alt=""
+            alt="The cover picture of the next content"
+            height="160"
+            width="390"
             onerror="imgError(this)"
           />
           <span class="label" data-i18n="post.next"></span>
diff --git a/templates/module/post/post-meta.html b/templates/module/post/post-meta.html
index 6ab6164c..c8dbc282 100644
--- a/templates/module/post/post-meta.html
+++ b/templates/module/post/post-meta.html
@@ -3,12 +3,23 @@
     <div class="post-meta-item">
       <span class="post-meta-item-avatar" itemprop="about" itemscope itemtype="http://schema.org/Thing">
         <a th:href="${site.url}" itemprop="url" rel="index" aria-label="website URL">
-          <img th:src="${post.owner.avatar ?: #theme.assets('/images/default/avatar.webp')}" alt="" />
+          <img
+            th:src="${post.owner.avatar ?: #theme.assets('/images/default/avatar.webp')}"
+            alt="author avatar"
+            width="36"
+            height="36"
+          />
         </a>
       </span>
 
       <span class="post-authore-item-name" data-pjax itemprop="about" itemscope itemtype="http://schema.org/Thing">
-        <a th:href="${site.url}" th:text="${post.owner.displayName}" itemprop="url" rel="index" aria-label="website URL"></a>
+        <a
+          th:href="${site.url}"
+          th:text="${post.owner.displayName}"
+          itemprop="url"
+          rel="index"
+          aria-label="website URL"
+        ></a>
       </span>
     </div>
 
diff --git a/templates/module/sharelike.html b/templates/module/sharelike.html
index 68b0d12f..bfa35683 100644
--- a/templates/module/sharelike.html
+++ b/templates/module/sharelike.html
@@ -13,7 +13,7 @@
             data-i18n="[title]share.weibo"
             aria-label="Social Network - weibo"
           >
-            <img th:src="${#theme.assets('/images/sns/weibo.png')}" alt="weibo" />
+            <img th:src="${#theme.assets('/images/sns/weibo.png')}" alt="weibo" height="32" width="32" />
           </a>
         </li>
         <li>
@@ -24,7 +24,7 @@
             data-i18n="[title]share.qq"
             aria-label="Social Network - qq"
           >
-            <img th:src="${#theme.assets('/images/sns/qq.png')}" alt="qq" />
+            <img th:src="${#theme.assets('/images/sns/qq.png')}" alt="qq" height="32" width="32" />
           </a>
         </li>
         <li>
@@ -42,7 +42,7 @@ <h4 data-i18n="share.wechat.qcode_title"></h4>
                 <p data-i18n="share.wechat.help_2"></p>
               </div>
             </div>
-            <img th:src="${#theme.assets('/images/sns/wechat.png')}" alt="wechat" />
+            <img th:src="${#theme.assets('/images/sns/wechat.png')}" alt="wechat" height="32" width="32" />
           </a>
         </li>
         <li>
@@ -53,7 +53,7 @@ <h4 data-i18n="share.wechat.qcode_title"></h4>
             data-i18n="[title]share.douban"
             aria-label="Social Network - douban"
           >
-            <img th:src="${#theme.assets('/images/sns/douban.png')}" alt="douban"/>
+            <img th:src="${#theme.assets('/images/sns/douban.png')}" alt="douban" height="32" width="32" />
           </a>
         </li>
         <li>
@@ -64,7 +64,7 @@ <h4 data-i18n="share.wechat.qcode_title"></h4>
             data-i18n="[title]share.qzone"
             aria-label="Social Network - qzone"
           >
-            <img th:src="${#theme.assets('/images/sns/qzone.png')}" alt="qzone" />
+            <img th:src="${#theme.assets('/images/sns/qzone.png')}" alt="qzone" height="32" width="32" />
           </a>
         </li>
         <li>
@@ -75,7 +75,7 @@ <h4 data-i18n="share.wechat.qcode_title"></h4>
             data-i18n="[title]share.linkedin"
             aria-label="Social Network - linkedin"
           >
-            <img th:src="${#theme.assets('/images/sns/linkedin.png')}" alt="linkedin" />
+            <img th:src="${#theme.assets('/images/sns/linkedin.png')}" alt="linkedin" height="32" width="32" />
           </a>
         </li>
       </ul>
diff --git a/templates/module/sidebar/mobile-sidebar.html b/templates/module/sidebar/mobile-sidebar.html
index 23ec500f..70e2d52a 100644
--- a/templates/module/sidebar/mobile-sidebar.html
+++ b/templates/module/sidebar/mobile-sidebar.html
@@ -1,7 +1,12 @@
 <th:block th:fragment="mobile-sidebar">
   <div class="mobile-sidebar">
     <div class="avatar">
-      <img th:src="${site.logo ?: #theme.assets('/images/default/avatar.webp')}" alt="" />
+      <img
+        th:src="${site.logo ?: #theme.assets('/images/default/avatar.webp')}"
+        alt="site logo"
+        width="90"
+        height="90"
+      />
     </div>
 
     <p
@@ -20,10 +25,10 @@
           aria-label="access the webmaster's social media accounts"
         >
           <th:block th:if="${item.type == 'preset'}">
-            <img th:src="@{/assets/images/sns/{icon}(icon=${item.icon})}" width="18" alt="sns" />
+            <img th:src="@{/assets/images/sns/{icon}(icon=${item.icon})}" width="18" height="18" alt="sns" />
           </th:block>
           <th:block th:if="${item.type == 'custom'}">
-            <img th:src="${item.custom_icon}" width="18" alt="sns" />
+            <img th:src="${item.custom_icon}" width="18" height="18" alt="sns" />
           </th:block>
         </a>
       </p>
diff --git a/templates/moments.html b/templates/moments.html
index f1364287..9c818a44 100644
--- a/templates/moments.html
+++ b/templates/moments.html
@@ -28,6 +28,8 @@ <h1 th:text="${title}"></h1>
               th:alt="${moment.owner.displayName}"
               onerror="imgError(this)"
               th:src="${#theme.assets('/images/load/trans.ajax-spinner-preloader.svg')}"
+              width="48"
+              height="48"
             />
             <div class="moment-inner">
               <span class="moment-content">
@@ -44,8 +46,16 @@ <h1 th:text="${title}"></h1>
                     th:if="${momentItem.type.name == 'PHOTO'}"
                     th:src="${#strings.isEmpty(momentItem.url) ? #theme.assets('/images/load/load.gif') : momentItem.url}"
                     th:data-src="${momentItem.url}"
+                    width="400"
+                    height="400"
+                    alt="moment picture"
                   />
-                  <video th:if="${momentItem.type.name == 'VIDEO'}" th:src="${momentItem.url}"></video>
+                  <video
+                    th:if="${momentItem.type.name == 'VIDEO'}"
+                    th:src="${momentItem.url}"
+                    width="400"
+                    height="400"
+                  ></video>
                 </th:block>
               </div>
               <div class="moment-footer">
@@ -104,10 +114,7 @@ <h1 th:text="${title}"></h1>
                   </span>
                 </div>
               </div>
-              <div
-                th:if="${haloCommentEnabled and theme.config.journal.journal_comment}"
-                class="comment-box"
-              >
+              <div th:if="${haloCommentEnabled and theme.config.journal.journal_comment}" class="comment-box">
                 <!--/* 评论组件 */-->
                 <th:block
                   th:replace="~{module/comment :: comment(group = 'moment.halo.run', kind = 'Moment', name = ${moment.metadata.name})}"