diff --git a/templates/assets/css/style.css b/templates/assets/css/style.css
index 83642a5..4adcd96 100644
--- a/templates/assets/css/style.css
+++ b/templates/assets/css/style.css
@@ -684,6 +684,16 @@ section {
   }
 }
 
+/*--------------------------------------------------------------
+# article
+--------------------------------------------------------------*/
+.article-title {
+  font-size: 30px;
+  line-height: 1.5;
+  color: #000;
+  text-align: center;
+}
+
 /*--------------------------------------------------------------
 # Our Services
 --------------------------------------------------------------*/
diff --git a/templates/post.html b/templates/post.html
index 5dede7e..a75e67d 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,27 +1,16 @@
 <!DOCTYPE html>
-<html xmlns:th="https://www.thymeleaf.org" lang="zh-CN" class="dark">
+<html xmlns:th="https://www.thymeleaf.org" lang="zh-CN">
 
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title th:text="${post.spec.title}"></title>
-  <link rel="shortcut icon" th:href="${site.favicon}" type="image/x-icon">
-  <link rel="stylesheet" th:href="@{/assets/css/style.css?v={version}(version=${theme.spec.version})}" />
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
-</head>
+<th:block th:replace="~{modules/import}" />
 
 <body>
+  <th:block th:replace="~{modules/header::goPage('home')}" />
   <main>
-    <aside th:replace="modules/sidebar.html"></aside>
     <div class="main-content">
 
-      <nav th:replace="modules/navbar.html"></nav>
-
       <article class="post active" data-page="post">
         <header>
+          <th:block th:replace="~{modules/post_article_banner}" />
           <h2 class="h2 article-title" th:text="${post.spec.title}"></h2>
         </header>
         <section class="blog-posts">
@@ -29,12 +18,15 @@
         </section>
         <!-- Comment -->
         <div class="post-comment">
-          <h2 class="h3 article-title">评论</h2>
+          <h2 class="h3 article-comment">评论</h2>
           <halo:comment group="content.halo.run" kind="Post" th:attr="name=${post.metadata.name}" />
         </div>
       </article>
     </div>
   </main>
+  <!-- ======= Footer ======= -->
+  <th:block th:replace="~{modules/footer}" />
+  <!-- End Footer -->
   <script th:src="@{/assets/js/script.js?v={version}(version=${theme.spec.version})}"></script>
   <script type="module"
     src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/ionicons/5.5.2/ionicons/ionicons.esm.js"></script>
