diff --git a/layout/common/home-post.ejs b/layout/common/home-post.ejs
index affdad7..7dc67f6 100644
--- a/layout/common/home-post.ejs
+++ b/layout/common/home-post.ejs
@@ -15,35 +15,42 @@
<%- truncate(strip_html(post.content), {length: 80}) %>
-
+
+
+
+
+ <%= date(post.date, 'YYYY-MM-DD HH:MM:SS') %>
+
-
-
- <%= date(post.date, 'YYYY-MM-DD HH:MM:SS') %>
-
-
-
-
-
-
-
-
-
-
-
+
+ <% if (post.categories.length) { %>
+
+
+
+ <% post.categories.forEach((category, i) => { %>
+ -
+ <%= i === 0 ? '' : '| ' %><%= category.name %>
+
+ <% }); %>
+
+
+ <% } %>
+
+ <% if (post.tags.length) { %>
+
+
+
+ <% post.tags.forEach((tag, i) => { %>
+ -
+ <%= i === 0 ? '' : '| ' %><%= tag.name %>
+
+ <% }); %>
+
+
+ <% } %>
<% }) %>
diff --git a/source/css/common/home-post.styl b/source/css/common/home-post.styl
index 9e951a2..0dd7659 100644
--- a/source/css/common/home-post.styl
+++ b/source/css/common/home-post.styl
@@ -50,6 +50,7 @@
.article-post-content {
padding 15px 0
+
a {
text-decoration: none;
letter-spacing: 1px;
@@ -73,25 +74,26 @@
}
- .article-post-meta {
- padding-bottom: 30px;
+ .article-meta {
+ padding-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
color: #bbbbbb;
font-size: 12px;
+ position relative
- .article-date, .article-tags, .article-categories {
+ .article-item {
margin-right: 15px;
}
.article-tags, .article-categories {
display: inline;
- ul {
+ ul, li {
display: inline;
+ }
+
+ li {
- li {
- display: inline;
- }
}
a {