diff --git a/templates/assets/css/style.css b/templates/assets/css/style.css
index 4adcd96..7fddcd9 100644
--- a/templates/assets/css/style.css
+++ b/templates/assets/css/style.css
@@ -12,7 +12,7 @@ body {
   font-family: "Open Sans", sans-serif;
   color: #444;
   height: 60vh;
-  margin-top: 80px;
+  margin-top: 120px;
 }
 
 a {
diff --git a/templates/modules/post_article_banner.html b/templates/modules/post_article_banner.html
new file mode 100644
index 0000000..cb50b40
--- /dev/null
+++ b/templates/modules/post_article_banner.html
@@ -0,0 +1,21 @@
+<div class="article banner top">
+    <img th:if="${not #strings.isEmpty(post.spec.cover)}" class="bg" th:src="${post.spec.cover}" alt="封面图">
+    
+    <div class="content" th:classappend="${!#strings.isEmpty(post.spec.cover)} ? ' has-cover' : ''">
+        <div class="top bread-nav footnote">
+            <th:block th:if="${not #lists.isEmpty(post.categories)}">
+                <span class="label">当前位置：</span>
+                <a class="cap" href="/" title="首页">
+                    <i class="fa fa-home" aria-hidden="true"></i> 首页
+                </a>
+                <span class="sep"> &gt; </span>
+                <th:block th:each="cat, catStat : ${post.categories}">
+                    <a class="cap" th:href="@{${cat.status.permalink}}" th:text="${cat.spec.displayName}"></a>
+                    <span class="sep" th:if="${!catStat.last}"> &gt; </span>
+                </th:block>
+                <span class="sep"> &gt; </span>
+                <span th:text="${post.spec.title}"></span>
+            </th:block>
+        </div>
+    </div>
+</div>