添加文章信息显示 #28

maodaisuki · Oct 14, 2023 · eb7bbb3 · eb7bbb3
1 parent 68745c5
commit eb7bbb3
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 11 deletions.
diff --git a/_config.maoblog.yml b/_config.maoblog.yml
@@ -49,6 +49,13 @@ tag_generator:
   # 0 设置为每页不限制数量
   order_by: -date
 
+# 控制文章信息
+meta_time:
+  enable: true
+
+meta_tags:
+  enable: true
+
 analytics:
   enable: true
   gtag: AW-11373423003
diff --git a/themes/maoblog/layout/partials/head.ejs b/themes/maoblog/layout/partials/head.ejs
@@ -12,6 +12,7 @@
   <%- css('css/partials/post') %>
   <%- css('css/partials/comment') %>
   <%- css('css/partials/search') %>
+  <%- css('css/partials/meta') %>
   <%- css('fontawesome/css/font-awesome.min') %>
   <%- css('css/zoom.css') %>
   <%- css('css/prism.css') %>

diff --git a/themes/maoblog/layout/post.ejs b/themes/maoblog/layout/post.ejs
@@ -2,12 +2,25 @@
   <div class="main-container">
       <div class="post-details">
           <% if (is_post()) { %>
-          <div class="post-title">
-              <h1><%= page.title %></h1>
-          </div>
-          <div class="post-meta">
-              <!-- <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span class="post-date"><%= date(page.date, 'YYYY/MM/DD') %></span> -->
-          </div>
+            <div class="post-title">
+                <h1><%= page.title %></h1>
+            </div>
+            <div class="post-meta">
+              <% if(theme.meta_time.enable) {%>
+                <div class="post-date">
+                  <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span class="post-date"><%= date(page.date, 'YYYY/MM/DD') %></span>
+                </div>
+              <% } %>
+              <% if(theme.meta_tags.enable) { %>
+                <div class="post-tags">
+                  <% page.tags.each(function(tag) { %>
+                    <div class="tag-item">
+                      <a href="<%- url_for(tag.path) %>"><i class="fa fa-tag"></i> <%= tag.name %></a>
+                    </div>
+                  <%})%>
+                </div>
+              <% } %>
+            </div>
           <% } %>
           <div class="post-content">
               <%- page.content %>

diff --git a/themes/maoblog/source/css/partials/meta.styl b/themes/maoblog/source/css/partials/meta.styl
@@ -0,0 +1,16 @@
+.post-meta
+  margin-bottom: 20px
+  color: var(--markdown-color)
+
+.post-date
+  font-size: 13px
+  margin: 3px 0
+
+.post-tags
+  font-size: 13px
+  margin-bottom: 3px
+
+.tag-item
+  display: inline
+  margin-right: 2px
+  margin-bottom: 2px
diff --git a/themes/maoblog/source/css/partials/post.styl b/themes/maoblog/source/css/partials/post.styl
@@ -12,11 +12,6 @@
     margin-bottom: 5px
     margin-block: 0
 
-.post-meta
-  margin-bottom: 20px
-  font-size: 13px
-  color: var(--markdown-color)
-
 .post-content
   h1
   h2