fix: 修復在modern樣式下，note 標簽外掛沒有使用tags名時，沒有背景色和夜間模式文字顯示不清楚的bugs

fix: 修復主頁文章cover在深色模式下，邊角有小白邊的bugs close #278 fix: 修復note標簽外掛下，代碼塊顯示背景色的bugs close #339
jerryc127 · Aug 27, 2020 · ee6f62f · ee6f62f
1 parent 40fd319
commit ee6f62f
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 13 deletions.
diff --git a/scripts/helpers/related_post.js b/scripts/helpers/related_post.js
@@ -70,7 +70,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
         '<img class="relatedPosts_cover" ' +
         lazySrc +
         '="' +
-        cover +
+        this.url_for(cover) +
         '">'
       if (dateType === 'created') {
         result +=

diff --git a/source/css/_mode/darkmode.styl b/source/css/_mode/darkmode.styl
@@ -44,13 +44,17 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
     #page-header
       background-color: #121212
 
-    #article-container 
+    #article-container
       code
         background: #2c2c2c
 
-      pre > code 
+      pre > code
         background: 0
 
+      .note
+        code
+          background: $code-background
+
     // 頭部
     #page-header
       &:before
@@ -77,7 +81,7 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
 
       figure.highlight
         box-shadow: none
-        
+
         if hexo-config('rootConfig.highlight') && hexo-config('rootConfig.highlight.enable')
           table::-webkit-scrollbar-thumb
             background: lighten(#121212, 5)
@@ -87,7 +91,7 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
 
           .hljs
             background-color: lighten(#121212, 2) !important
-        
+
         pre[class*='language-']::-webkit-scrollbar-thumb
           background: lighten(#121212, 5)
 

diff --git a/source/css/_page/homepage.styl b/source/css/_page/homepage.styl
@@ -7,11 +7,14 @@
     flex-direction: row
     align-items: center
     height: 20em
-    border-radius: 8px
+    border-radius: 12px 8px 8px 12px
     background: var(--card-bg)
     box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
     transition: all .3s
 
+    +maxWidth768()
+      border-radius: 12px 12px 8px 8px
+
     &:hover
       box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
 

diff --git a/source/css/_tags/note.styl b/source/css/_tags/note.styl
@@ -4,22 +4,21 @@
   position: relative
   margin: 0 0 1rem
   padding: 15px
-
 
   if ($note-style == 'simple')
     border: 1px solid #EEEEEE
     border-left-width: 5px
 
   if ($note-style == 'modern')
     border: 1px solid transparent
-    background-color: var(--white)smoke
-
+    background-color: #f5f5f5
+    color: $font-black
 
   if ($note-style == 'flat')
     border: initial
-    color: $font-black
     border-left: 5px solid #EEEEEE
     background-color: lighten(#EEEEEE, 65%)
+    color: $font-black
 
   if hexo-config('note.border_radius') is a 'unit'
     border-radius: unit(hexo-config('note.border_radius'), px)
@@ -50,9 +49,6 @@
 
     &:last-child
       margin-bottom: 0 !important
-
-  code
-    background: $code-background !important
 
   if $note-icons
     &:not(.no-icon)