diff --git a/templates/modules/comment/artalk.html b/templates/modules/comment/Artalk.html
similarity index 100%
rename from templates/modules/comment/artalk.html
rename to templates/modules/comment/Artalk.html
diff --git a/templates/modules/comment/twikoo.html b/templates/modules/comment/Twikoo.html
similarity index 100%
rename from templates/modules/comment/twikoo.html
rename to templates/modules/comment/Twikoo.html
diff --git a/templates/modules/comment/waline.html b/templates/modules/comment/Waline.html
similarity index 100%
rename from templates/modules/comment/waline.html
rename to templates/modules/comment/Waline.html
diff --git a/templates/modules/comment/newest-comments/artalk.html b/templates/modules/comment/newest-comments/Artalk.html
similarity index 98%
rename from templates/modules/comment/newest-comments/artalk.html
rename to templates/modules/comment/newest-comments/Artalk.html
index d2ac391a..256558f7 100644
--- a/templates/modules/comment/newest-comments/artalk.html
+++ b/templates/modules/comment/newest-comments/Artalk.html
@@ -192,9 +192,9 @@
                                 'date': e.date,
                             }
                         })
-                        saveToLocal.set('artalk-newest-comments', JSON.stringify(artalk), 10 / (60 * 24))
-                        generateHtml(artalk)
-                        document.querySelector('#newcomm') && necommHtml(artalk)
+                        saveToLocal.set('artalk-newest-comments', JSON.stringify(Artalk), 10 / (60 * 24))
+                        generateHtml(Artalk)
+                        document.querySelector('#newcomm') && necommHtml(Artalk)
                     }).catch(e => {
                     const $dom = document.querySelector('#card-newest-comments .aside-list')
                     $dom.innerHTML = "无法获取评论，请确认相关配置是否正确"
diff --git a/templates/modules/comment/newest-comments/twikoo.html b/templates/modules/comment/newest-comments/Twikoo.html
similarity index 100%
rename from templates/modules/comment/newest-comments/twikoo.html
rename to templates/modules/comment/newest-comments/Twikoo.html
diff --git a/templates/modules/comment/newest-comments/waline.html b/templates/modules/comment/newest-comments/Waline.html
similarity index 100%
rename from templates/modules/comment/newest-comments/waline.html
rename to templates/modules/comment/newest-comments/Waline.html
diff --git a/templates/modules/layouts/layout.html b/templates/modules/layouts/layout.html
index 1b8d5973..6e08176d 100644
--- a/templates/modules/layouts/layout.html
+++ b/templates/modules/layouts/layout.html
@@ -213,7 +213,7 @@
 </div>
 
 <!-- 根据配置设置 css 变量值，全局 css 通过变量值进行处理 -->
-<th:block th:replace="modules/variables/layout"></th:block>
+<th:block th:replace="~{'modules/variables/layout'}"></th:block>
 
 <script data-pjax="">
 
diff --git a/templates/modules/widgets/aside/comments.html b/templates/modules/widgets/aside/comments.html
index 4a9d1feb..1382cd3e 100644
--- a/templates/modules/widgets/aside/comments.html
+++ b/templates/modules/widgets/aside/comments.html
@@ -1,34 +1,37 @@
 <!DOCTYPE html>
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 <!-- 最新评论 -->
-<div class="card-widget card-recent-post"  th:fragment="comments">
+<div class="card-widget card-recent-post" th:fragment="comments">
     <div class="item-headline"><i class="haofont hao-icon-comments"></i><span>最新评论</span></div>
     <div class="aside-list" id="newcomm">
-        <th:block th:if="${#strings.equals(theme.config.comments.use, 'commentWidget') }">
-            <div class="aside-list-item" th:each="comment,iterStat : ${commentFinder.list(null, 1, 20)}"
+        <th:block th:if="${#strings.equals(theme.config.comments.use, 'commentWidget') }"
+                  th:with="newcommentnumber = ${#conversions.convert(theme.config.sidebar.newcommentnumber, 'java.lang.Integer') >= 0 ?  theme.config.sidebar.newcommentnumber : 5}">
+            <div th:each="comment,iterStat : ${commentFinder.list(null, 1, newcommentnumber)}" class="aside-list-item"
                  th:with="page = ${comment.spec.subjectRef.kind == 'Post' ? postFinder.getByName(comment.spec.subjectRef.name) :
-                 comment.spec.subjectRef.kind == 'SinglePage' && not #strings.contains('photos,links,moments', comment.spec.subjectRef.name) ? singlePageFinder.getByName(comment.spec.subjectRef.name) : null},
-                 url = ${page == null? '/' : page.status.permalink + '#comment-' + comment.metadata.name}"
-                 th:if="${iterStat.index  < theme.config.sidebar.newcommentnumber}">
+                comment.spec.subjectRef.kind == 'SinglePage' && not #strings.contains('photos,links,moments', comment.spec.subjectRef.name) ? singlePageFinder.getByName(comment.spec.subjectRef.name) : null},
+                url = ${page == null? '/' : page.status.permalink + '#comment-' + comment.metadata.name}">
                 <span th:text="${commentIndex}"></span>
                 <a class="thumbnail" th:href="${url}" data-pjax-state="">
                     <img alt="头像"
                          th:with=" img =${#strings.isEmpty(comment.owner.avatar)?'https://cravatar.cn/avatar/?d=mp':comment.owner.avatar}"
-                         th:src="${isLazyload ? loadingImg : img}"
-                         th:data-lazy-src="${ isLazyload ? img : ''}">
+                         th:src="${isLazyload ? loadingImg : img}" th:data-lazy-src="${ isLazyload ? img : ''}">
                 </a>
-                <div class="content" >
-                    <a class="comment" style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;"
-                       th:href="${url}" th:title="${comment.spec.content}" th:text="${comment.spec.content}" data-pjax-state="">
+                <div class="content">
+                    <a class="comment"
+                       style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;"
+                       th:href="${url}" th:title="${comment.spec.content}" th:text="${comment.spec.content}"
+                       data-pjax-state="">
 
                     </a>
                     <div class="name">
                         <span th:text="${comment.owner.displayName + ' / '}">stonewu / </span>
-                        <time th:datetime="${#dates.format(comment.metadata.creationTimestamp, 'yyyy-MM-dd HH:mm:ss')}"></time>
+                        <time
+                                th:datetime="${#dates.format(comment.metadata.creationTimestamp, 'yyyy-MM-dd HH:mm:ss')}"></time>
                     </div>
                 </div>
             </div>
         </th:block>
     </div>
 </div>
-</html>
+
+</html>
\ No newline at end of file
