css

_config.yml

@@ -59,7 +59,7 @@ sidebar:
 ######## Article ########
 article:
   # 如果没有指定封面，是否根据 tags 作为关键词搜索封面？
-  auto_cover: true # search from https://source.unsplash.com/
+  auto_cover: false # search from https://source.unsplash.com/
   # 如果没有指定 excerpt 和 description，将自动取多长的内容作为文章摘要？
   auto_excerpt: 200
   # 分类颜色

layout/index.ejs

@@ -13,7 +13,7 @@ if (page.title && page.wiki) {
 function layout_post_card(layout, post, content) {
   var el = '';
   el += '<a class="post-card ' + layout + ' ' + scrollreveal() + '" href="' + url_for(post.link || post.path) + '">';
-  el += '<article class="excerpt md">';
+  el += '<article class="md">';
   el += content;
   el += '</article></a>';
   return el;

source/css/_common/title.styl

@@ -26,7 +26,7 @@ h6
 .post-list
   .post-title
     font-weight: 500
-    margin: 0.5rem 0
+    margin: .75rem 0 .5rem
     line-height: 1.2
     font-size: $fs-h3
     border-bottom: none
@@ -34,8 +34,7 @@ h6
     trans1 color
   .wiki .post-title
     margin-top: 0.5rem
-    font-weight: 500
-    font-size: 1.75rem
+    font-weight: 700
 
 .widgets
   .post-title

source/css/_custom.styl

@@ -13,7 +13,7 @@ $color-cat-hover = darken($color-cat, 20)
 $light-site-bg = convert(hexo-config('style.theme.light'))
 $light-block = #f2f2f2
 $light-title = #000
-$light-text = #444
+$light-text = #333
 $light-code = #111
 $light-card = white
 

source/css/_defines/theme.styl

@@ -23,7 +23,7 @@ if hexo-config('style.darkmode') == 'auto'
       --block-border: lighten($dark-block, 10)
       --block-hover: darken($dark-block, 1)
       --text-p0: $dark-title
-      --text-p1: mix($dark-text, $dark-site-bg, 80)
+      --text-p1: mix($dark-text, $dark-site-bg, 85)
       --text-p2: mix($dark-text, $dark-site-bg, 70)
       --text-p3: mix($dark-text, $dark-site-bg, 45)
       --text-p4: mix($dark-text, $dark-site-bg, 35)

source/css/_layout/list.styl

@@ -11,11 +11,15 @@
   trans1 box-shadow
   overflow: hidden
   background: var(--card)
+  .excerpt
+    margin: 1rem 0
+    >p
+      margin: 1rem 0
   .meta.cap
     display: flex
     flex-wrap: wrap
     align-items: center
-    margin-bottom: 0.5rem
+    margin: .5rem 0
     span+span
       margin-left: 0.5rem
     span.pin
@@ -42,17 +46,17 @@
       object-fit: cover
       width: 100%
       border-radius: 0
-      height: 320px
+      height: 280px
       @media screen and (max-width: 900px)
-        height: 280px
-      @media screen and (max-width: $device-tablet)
-        height: 320px
-      @media screen and (max-width: $device-mobile)
-        height: 280px
-      @media screen and (max-width: $device-mobile-425)
         height: 240px
+      @media screen and (max-width: $device-tablet)
+        height: 280px
+      @media screen and (max-width: $device-mobile)
+        height: 240px
+      @media screen and (max-width: $device-mobile-425)
+        height: 220px
       @media screen and (max-width: $device-mobile-375)
-        height: 200px
+        height: 180px
       &:not(.lazy)
         trans1: transform 1s
 .post-list .post-card.post.photo .post-cover img
@@ -75,20 +79,23 @@
   flex-wrap: wrap
   trans1 box-shadow
   justify-content: center
+  padding: 1rem .5rem
 
 
 .post-list .post-card.wiki article .preview
   display: flex
   width: 200px
-  margin: 1rem
+  margin: 1rem .5rem
   align-items: center
   img
     object-fit: contain
     &:not(.lazy)
       trans1: transform 0.75s
 .post-list .post-card.wiki article .excerpt
-  margin: 1rem
+  margin: 1rem .5rem
   min-width: 220px
   flex: 1
   overflow: hidden
   word-wrap: break-word
+  p:last-child
+    margin-bottom: 0

source/css/_layout/main.styl

@@ -7,6 +7,6 @@
   @media screen and (min-width: $device-tablet)
     padding-top: "calc(2 * %s)" % var(--gap-l)
   header
-    margin: 3rem 1rem 2rem
+    margin: 4rem 1rem 2rem
     .logo-wrap
       margin: 0

source/css/_layout/partial/paginator.styl

@@ -5,10 +5,11 @@
   align-items: center
   font-size: 1rem
   font-weight: 700
-  background: var(--block)
+  background: var(--card)
   border-radius: $border-card
-  border: 1px solid var(--block-border)
   overflow: hidden
+  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.03)
+  &:hover
   .paginator
     text-align: center
   .current
@@ -24,10 +25,6 @@
     &.disable
       pointer-events: none
       opacity: 0.25
-    &.prev
-      border-right: 1px solid var(--block-border)
-    &.next
-      border-left: 1px solid var(--block-border)
   a.paginator:hover
     background: var(--card)
     filter: unset