暂时先这样吧

theme-nexmoe · Feb 8, 2020 · 62bd59e · 62bd59e
1 parent d265b2b
commit 62bd59e
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 13 deletions.
diff --git a/_config.example.yml b/_config.example.yml
@@ -8,7 +8,6 @@ favicon:
   type: image/png # 图标类型，可能的值有(image/png, image/vnd.microsoft.icon, image/x-icon, image/gif)
 
 function: # 功能开关，可选值（true,false）
-  pjax: false # Pjax 无刷新加载页面，暂时存在较大问题
   avatarRotateZ: false # 头像旋转
   clickHeart: false # 鼠标点击小心心 ♥
   globalToc: false # 开启该功能会自动开启文章 TOC（文章目录） 功能

diff --git a/layout/archive.ejs b/layout/archive.ejs
@@ -1,14 +1,23 @@
+<style>
+    #nexmoe-content .nexmoe-archives .nexmoe-post .nexmoe-post-cover {
+        max-height: 65px;
+    }
+</style>
 <section class="nexmoe-archives">
+    <% page.posts.each(function (page) { %>
     <div class="nexmoe-post">
         <a href="<%- url_for(page.path) %>">
-            <div class="nexmoe-post-cover mdui-ripple"> 
-                <% if (page.cover){ %>
-                <img src="<%- page.cover %>" alt="<%= page.title %>">
-                <%}  else{ %>
-                    <img src="<%= theme.background %>" alt="<%= page.title %>">
-                <% } %>
-                <h1><%= page.title %></h1>
-            </div>
+            <% if (page.cover){ %>
+                <div class="nexmoe-post-cover mdui-ripple"> 
+                    <img data-src="<%- page.cover %>" data-sizes="auto" alt="<%= page.title %>" class="lazyload">
+                    <h1><%= page.title %></h1>
+                </div>
+            <% } else { %>
+                <div class="nexmoe-post-cover mdui-ripple"> 
+                    <img data-src="<%- theme.background.path %>" data-sizes="auto" alt="<%= page.title %>" class="lazyload">
+                    <h1><%= page.title %></h1>
+                </div>
+            <% } %>
         </a>
         <div class="nexmoe-post-meta">
             <a><i class="nexmoefont icon-calendar-fill"></i><%- date(page.date, "YYYY年MM月DD日") %></a>
@@ -31,6 +40,8 @@
                 }) %>
             <% } %>
         </div>
+        <div style="height: 50px;"></div>
     </div>
+    <% }) %>
 </section>
 <%- partial('_partial/paginator') %>
diff --git a/layout/index.ejs b/layout/index.ejs
@@ -1,4 +1,4 @@
-<section class="nexmoe-posts" id="brand-waterfall">
+<section class="nexmoe-posts">
     <% page.posts.each(function (page) { %>
     <div class="nexmoe-post">
         <a href="<%- url_for(page.path) %>">

diff --git a/source/css/style.styl b/source/css/style.styl
@@ -350,7 +350,7 @@ body {
                 h1 {
                     position: absolute;
                     bottom: 0;
-                    padding: 15px;
+                    padding: 20px;
                     color: #fff;
                     font-size: 2em;
                     width: 100%;
@@ -361,8 +361,10 @@ body {
                     font-weight: normal;
                 }
                 h1:after {
-                    background-image: -webkit-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
-                    background-image: linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
+                    background-image: -moz-linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
+                    background-image: -webkit-linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
+                    background-image: -ms-linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
+                    background-image: linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
                     -moz-pointer-events: none;
                     -webkit-pointer-events: none;
                     -ms-pointer-events: none;