feat: content platform links (#239)

theme-nexmoe · Oct 2, 2022 · 4606bf3 · 4606bf3
2 parents 9969592 + 3d982fa
commit 4606bf3
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 12 deletions.
diff --git a/layout/_partial/_post/meta.ejs b/layout/_partial/_post/meta.ejs
@@ -1,12 +1,21 @@
-<div class="nexmoe-post-meta nexmoe-rainbow">
-    <a><i class="nexmoefont icon-calendar-fill"></i><%- date(page.date, "YYYY年MM月DD日") %></a>
-    <% if (page.categories && page.categories.length){ %>
-        <%- list_categories(page.categories, {
-            show_count: false,
-            class: 'nexmoefont icon-appstore-fill ',
-            style: 'none',
-            separator: ''
-        }) %>
+<div class="nexmoe-post-meta">
+    <div class="nexmoe-rainbow">
+        <a><i class="nexmoefont icon-calendar-fill"></i><%- date(page.date, "YYYY年MM月DD日") %></a>
+        <% if (page.categories && page.categories.length){ %>
+            <%- list_categories(page.categories, {
+                show_count: false,
+                class: 'nexmoefont icon-appstore-fill ',
+                style: 'none',
+                separator: ''
+            }) %>
+        <% } %>
+        <%- partial('_partial/_post/word-count', {post: page}) %>
+    </div>
+
+    <% if (page.wechat){ %>
+        <a class="wechat" href="<%- page.wechat %>" target="_blank"><i class="nexmoefont icon-wechat-fill"></i>微信</a>
+    <% } %>
+    <% if (page.zhihu){ %>
+        <a class="zhihu" href="<%- page.zhihu %>" target="_blank"><i class="nexmoefont icon-zhihu"></i>知乎</a>
     <% } %>
-    <%- partial('_partial/_post/word-count', {post: page}) %>
 </div>
diff --git a/layout/post.ejs b/layout/post.ejs
@@ -2,12 +2,12 @@
 
   <article>
     <% if (page.cover){ %>
-        <div class="nexmoe-post-cover mdui-ripple absolute" style="padding-top: <%- page.coverHeight/page.coverWidth*100 %>%;"> 
+        <div class="nexmoe-post-cover absolute" style="padding-top: <%- page.coverHeight/page.coverWidth*100 %>%;"> 
             <img src="<%- page.cover %>" alt="<%= page.title %>" loading="lazy">
             <h1><%= page.title %></h1>
         </div>
     <%}  else{ %>
-        <div class="nexmoe-post-cover mdui-ripple text"> 
+        <div class="nexmoe-post-cover"> 
             <img src="<%- theme.background.path %>" alt="<%= page.title %>" loading="lazy">
             <h1><%= page.title %></h1>
         </div>

diff --git a/source/css/style.styl b/source/css/style.styl
@@ -441,6 +441,10 @@ body {
             margin: 10px 0px;
             font-size: 0;
 
+            div {
+                display: inline-block;
+            }
+
             a {
                 border-radius: 20px;
                 padding: 10px 18px;
@@ -458,6 +462,16 @@ body {
             a:before, i:before {
                 margin-right: 5px;
             }
+
+            .wechat {
+                background-color: rgba(42, 174, 103, 20%);
+                color: #2aae67;
+            }
+
+            .zhihu {
+                background-color: rgba(5, 109, 232, 20%);
+                color: #056de8;
+            }
         }
 
         .nexmoe-post-copyright {