From 62bd59ea20dc142a5ee70ebab222b04e92db9134 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=8A=98=E5=BD=B1=E8=BD=BB=E6=A2=A6?= <776194970@qq.com>
Date: Sat, 8 Feb 2020 13:20:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E6=97=B6=E5=85=88=E8=BF=99=E6=A0=B7?=
 =?UTF-8?q?=E5=90=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _config.example.yml   |  1 -
 layout/archive.ejs    | 27 +++++++++++++++++++--------
 layout/index.ejs      |  2 +-
 source/css/style.styl |  8 +++++---
 4 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/_config.example.yml b/_config.example.yml
index bfea092df..22b9a5722 100644
--- 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
index b52e9ddb2..e8f77d124 100644
--- 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') %>
\ No newline at end of file
diff --git a/layout/index.ejs b/layout/index.ejs
index 2ecdc1377..4fdc54476 100644
--- 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
index dee9dcdb1..fbdaa4da9 100644
--- 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;