add overdue

Author: imfycc

README.md

@@ -77,28 +77,16 @@ support tag
 
 #### Demand
 
-article page bg text color
-
 support more article styles
 
 https://yfzhou.coding.me/2018/08/27/Hexo-Next%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%EF%BC%88%E4%B8%BB%E9%A2%98%E4%BC%98%E5%8C%96%EF%BC%89/
 
-https://www.zhangxinxu.com/wordpress/2018/11/css-background-color-font-auto-match/
-
-to optimize the search input style
-
 index home left slide can folding, topbar fullscreen, navigation and article center
 
-image automatic compression
-
 mobile and PC dynamic processing image size in qiniu cloud
 
-The watermark image automatically
-
 PWA
 
-about me
-
 back top
 
 Contents https://yanm1ng.github.io/2017/09/10/Day06-%E7%90%86%E8%A7%A3Virtual-DOM%E6%A8%A1%E5%9E%8B/
@@ -108,30 +96,16 @@ http://chenhuichao.com/2018/04/16/seo/seo-in-station-optimization/
 
 The article recommended
 
-Hovering explain vocabulary
-
-提醒: 本文最后更新于 424 天前，文中所描述的信息可能已发生改变，请谨慎使用。
-
-超过指定时间出现这样的提示
-
 ##### Submit daily
 
 every acticle set to meta desc
 
-about reprinted font size
-
 compression static files (css)
 
 previous posts and next posts
 
 article title add the anchor   github.com
 
-juejin badge
-
-The article set-top
-
-Copyright statement
-
 site visitors
 
 add more animations

_config.yml

@@ -71,3 +71,7 @@ console_config:
   - 'https://static.hufangyun.com/blog-url-qrcode-180-180.png'
   - '\n 想知道这个效果如何实现的？博客内搜索 console 彩蛋 🚀 ！\n'
 
+# 长时间未更新的博文显示提醒
+overdue_auto_all: false
+overdue_remind: 本文最后更新于$day天前，文中所描述的信息可能已发生改变。
+

layout/_partial/article.ejs

@@ -24,6 +24,11 @@
   <div class="container">
     <div class="article">
       <div class="content">
+        <% if ((theme.overdue_auto_all || post.overdue) && theme.overdue_remind) { %>
+        <div class="overdue-remind">
+          <%= theme.overdue_remind %>
+        </div>
+        <% } %>
         <%- post.content %>
       </div>
         <div class="support-author">

source-src/main.js

@@ -147,3 +147,15 @@ function regtest(raw, regExp) {
   regExp.lastIndex = 0;
   return regExp.test(raw);
 }
+
+
+// 显示文章长时间未更新提醒
+var overdueRemindDom = document.querySelector('.overdue-remind');
+var overdueRemindText = overdueRemindDom.textContent;
+var postUpdateDate = document.querySelector("time[itemprop='dateUpdated']").textContent;
+var now = Date.parse(new Date());
+var postLastTime = Date.parse(postUpdateDate);
+var dayNum = parseInt((now - postLastTime) / (1000 * 60 * 60 * 24));
+
+overdueRemindDom.innerHTML = overdueRemindText.replace(/\$day/, '<span> ' + dayNum + ' </span>');
+

source-src/main.scss

@@ -500,10 +500,11 @@ h2, h3, h4 {
   }
 
   blockquote {
-    padding: 10px 20px;
+    padding: 15px 20px;
     margin: 20px 0;
     background-color: #F6F6F6;
-    border-left: 2px solid #49be38;
+    border-left: 3px solid #49be38;
+    border-radius: 3px;
     word-break: break-word;
 
     p {
@@ -526,6 +527,18 @@ h2, h3, h4 {
   }
 
   .content {
+    .overdue-remind {
+      background-color: #fdf8ea;
+      border-left: 3px solid #f0ad4e;
+      padding: 15px 20px;
+      margin: 20px auto;
+      border-radius: 3px;
+      font-weight: 500;
+      span {
+        color: crimson;
+        font-weight: bold;
+      }
+    }
     a {
        color: #49be38;
        border-bottom: 1px solid #49be38;
@@ -614,13 +627,14 @@ h2, h3, h4 {
 }
 
 .article .support-author {
-	padding: 25px;
-	margin-bottom: 40px;
-	background-color: whitesmoke;
-	border-left: 4px solid #49be38;
-	box-sizing: border-box;
-	box-shadow: 0 0 1px #d9d9d9;
-	margin:50px auto;
+  padding: 25px;
+  margin-bottom: 40px;
+  background-color: whitesmoke;
+  border-left: 4px solid #49be38;
+  border-radius: 3px;
+  box-sizing: border-box;
+  box-shadow: 0 0 1px #d9d9d9;
+  margin:50px auto;
 }
 .article .support-author p{
 	margin: 0 auto 10px;