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

fix: 修復主頁文章cover在深色模式下，邊角有小白邊的bugs close #278
fix: 修復note標簽外掛下，代碼塊顯示背景色的bugs close #339

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 +=

source/css/_mode/darkmode.styl

@@ -51,6 +51,10 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
       pre > code
         background: 0
 
+      .note
+        code
+          background: $code-background
+
     // 頭部
     #page-header
       &:before

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)
 

source/css/_tags/note.styl

@@ -5,21 +5,20 @@
   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)
@@ -51,9 +50,6 @@
     &:last-child
       margin-bottom: 0 !important
 
-  code
-    background: $code-background !important
-
   if $note-icons
     &:not(.no-icon)
       padding-left: 45px