update article banner

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 {

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>