feat: 過期通知優化，可單獨文章關閉

fix: 修復説説評論 css 受主題影響的 bug

source/css/_highlight/highlight.styl

@@ -42,7 +42,7 @@ $code-block
     counter-reset: line
     white-space: pre-wrap
 
-#article-container
+.container
   pre,
   code
     font-size: $code-font-size
@@ -164,7 +164,7 @@ $code-block
       border: none
 
 if $highlight_macstyle
-  #article-container
+  .container
     figure.highlight
       margin: 0 0 24px
       border-radius: 7px
@@ -202,7 +202,7 @@ if $highlight_macstyle
               transform: rotate(90deg)
 
 if hexo-config('code_blocks.height_limit')
-  #article-container
+  .container
     .code-expand-btn
       position: absolute
       bottom: 0
@@ -243,7 +243,7 @@ if hexo-config('code_blocks.height_limit')
       opacity: .6
 
 if hexo-config('code_blocks.fullpage')
-  #article-container
+  .container
     figure.highlight.code-fullpage
       position: fixed
       top: 0

source/css/_highlight/highlight/index.styl

@@ -1,7 +1,7 @@
 if $highlight_theme != false
   @require 'diff'
 
-#article-container
+.container
   figure.highlight
     .line
       if wordWrap

source/css/_highlight/prismjs/index.styl

@@ -4,7 +4,7 @@ if $prismjs_line_number
 if $highlight_theme != false
   @require 'diff'
 
-#article-container
+.container
   pre[class*='language-']
     // scrollbar - firefox
     @-moz-document url-prefix()

source/css/_highlight/prismjs/line-number.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   pre[class*='language-']
     &.line-numbers
       position: relative

source/css/_layout/post.styl

@@ -69,7 +69,7 @@ beautify()
   hr
     @extend .custom-hr
 
-#article-container
+.container
   word-wrap: break-word
   overflow-wrap: break-word
 
@@ -236,7 +236,7 @@ beautify()
           &:hover
             text-decoration: none
 
-  .post-outdate-notice
+  #post-outdate-notice
     position: relative
     margin: 0 0 20px
     padding: .5em 1.2em
@@ -244,6 +244,9 @@ beautify()
     color: $noticeOutdate-color
     addBorderRadius(3)
 
+    .num
+      padding: 0 4px
+
     if hexo-config('noticeOutdate.style') == 'flat'
       padding: .5em 1em .5em 2.6em
       border-left: 5px solid $noticeOutdate-border

source/css/_layout/third-party.styl

@@ -153,7 +153,7 @@ if hexo-config('math.use')
 .aplayer
   color: $font-black
 
-#article-container
+.container
   .aplayer
     margin: 0 0 20px
 

source/css/_mode/darkmode.styl

@@ -41,7 +41,7 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
       background-color: alpha($dark-black, .7)
       content: ''
 
-    #article-container
+    .container
       code
         background: #2c2c2c
 
@@ -87,9 +87,9 @@ if hexo-config('darkmode.enable') || hexo-config('display_mode') == 'dark'
     .hide-button,
     .btn-beautify,
     .hl-label,
-    .post-outdate-notice,
+    #post-outdate-notice,
     .error-img,
-    #article-container iframe,
+    .container iframe,
     .gist,
     .ads-wrap
       filter: brightness(.8)

source/css/_mode/readmode.styl

@@ -77,13 +77,13 @@ if hexo-config('readmode')
     #footer,
     #post > *:not(#post-info):not(.post-content),
     #nav,
-    .post-outdate-notice,
+    #post-outdate-notice,
     #web_bg,
     #rightside,
     .not-top-img
       display: none !important
 
-    #article-container
+    .container
       a
         color: #99a9bf
 

source/css/_page/flink.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   .flink
     margin-bottom: 20px
 

source/css/_tags/button.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   .btn-center
     margin: 0 0 20px
     text-align: center

source/css/_tags/gallery.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   figure.gallery-group
     position: relative
     float: left

source/css/_tags/inlineImg.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   .inline-img
     display: inline
     margin: 0 3px

source/css/_tags/series.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   .series-items
     a
       &:hover

source/css/_tags/tabs.styl

@@ -1,5 +1,5 @@
 
-#article-container
+.container
   .tabs
     position: relative
     margin: 0 0 20px

source/css/_tags/timeline.styl

@@ -1,4 +1,4 @@
-#article-container
+.container
   .timeline
     margin: 0 10px 20px
     padding: 14px 0 5px 20px

source/js/main.js

@@ -807,18 +807,14 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 
   const addPostOutdateNotice = () => {
-    const { limitDay, messagePrev, messageNext, position } = GLOBAL_CONFIG.noticeOutdate
-    const diffDay = btf.diffDate(GLOBAL_CONFIG_SITE.postUpdate)
+    const ele = document.getElementById('post-outdate-notice')
+    if (!ele) return
+
+    const { limitDay, messagePrev, messageNext, postUpdate } = JSON.parse(ele.getAttribute('data'))
+    const diffDay = btf.diffDate(postUpdate)
     if (diffDay >= limitDay) {
-      const ele = document.createElement('div')
-      ele.className = 'post-outdate-notice'
       ele.textContent = `${messagePrev} ${diffDay} ${messageNext}`
-      const $targetEle = document.getElementById('article-container')
-      if (position === 'top') {
-        $targetEle.insertBefore(ele, $targetEle.firstChild)
-      } else {
-        $targetEle.appendChild(ele)
-      }
+      ele.hidden = false
     }
   }
 
@@ -895,7 +891,7 @@ document.addEventListener('DOMContentLoaded', () => {
     justifiedIndexPostUI()
 
     if (GLOBAL_CONFIG_SITE.isPost) {
-      GLOBAL_CONFIG.noticeOutdate !== undefined && addPostOutdateNotice()
+      addPostOutdateNotice()
       GLOBAL_CONFIG.relativeDate.post && relativeDate(document.querySelectorAll('#post-meta time'))
     } else {
       GLOBAL_CONFIG.relativeDate.homepage && relativeDate(document.querySelectorAll('#recent-posts time'))