💡 优化代码

blog-web/src/main/resources/static/css/zhyd.core.css

@@ -541,10 +541,11 @@ a:-webkit-any-link {
 
 /* 面包屑导航 */
 .breadcrumb {
-    padding: 4px;
+    padding: 10px;
     margin-bottom: 10px;
     list-style: none;
     background-color: #ffffff;
+    border-radius: 0;
 }
 
 /* 面包屑导航 */
@@ -3640,3 +3641,30 @@ div.scrollmenu a, div.scrollmenu span {
 div.scrollmenu a.active, div.scrollmenu a:hover {
     background-color: #eeeeee!important;
 }
+
+
+.ob-alert {
+    background: #fffcef;
+    padding: 15px;
+    color: #db7c22;
+    border: 1px solid #ffbb76;
+}
+
+.ob-alert .title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    font-size: 15px;
+    font-weight: 500
+}
+
+.ob-alert .title .icon {
+    width: 20px;
+    height: 20px;
+    margin-right: 8px
+}
+
+.ob-alert .content {
+    padding: 0;
+    padding-left: 28px;
+}

blog-web/src/main/resources/templates/article.ftl

@@ -39,6 +39,19 @@
                         <strong>${article.title}</strong>
                     </h1>
                     <div class="blog-info-body ${article.isMarkdown?string('markdown-body editor-preview-active-side', '')}">
+                        <#-- 文章最后修改日期的判断 -->
+                        <#assign intervalDayNum=((.now?long - article.updateTime?long)?abs / (1000 * 60 * 60 * 24))?int>
+                        <#if intervalDayNum gt 1>
+                            <div class="ob-alert">
+                                <div class="title">
+                                    <i class="fa fa-bullhorn fa-fw"></i>
+                                    <span class="text">温馨提示：</span>
+                                </div>
+                                <div class="content">
+                                    本文最后更新于 ${article.updateTime?string('yyyy年MM月dd日')}，已超过 ${intervalDayNum} 天没有更新。若文章内的图片失效（无法正常加载），请留言反馈或直接<a href="mailto:${config.authorEmail}" target="_blank" title="点击给我发邮件" rel="external nofollow"><i class="fa fa fa-envelope fa-fw"></i>联系我</a>。
+                                </div>
+                            </div>
+                        </#if>
                         <#if article.requiredAuth>
                             <div class="alert alert-warning alert-dismissible fade in red" role="alert">
                                 <i class="fa fa-lock fa-fw"></i> 该文章已被加密，需要 <a href="javascript:void(0)" data-toggle="modal" data-target="#oauth" rel="nofollow" title="授权登录">登录后</a> 才能查看文章详情
@@ -97,10 +110,14 @@
                                     <a href="javascript:;;" class="c-label" data-original-title="暂无相关标签" data-toggle="tooltip" data-placement="bottom" target="_blank">暂无相关标签</a>
                                 </#if>
                         </li>
+                        <li>
+                            <strong>本文链接：</strong>
+                            ${config.siteUrl}/article/${article.id?c}
+                        </li>
                         <li>
                             <strong>版权声明：</strong>
                             <#if article.original?string('true','false') == 'true'>
-                            本站原创文章，于${article.createTime?string('yyyy年MM月dd日')}由<a href="${config.siteUrl}" target="_blank" data-original-title="${config.siteName}" data-toggle="tooltip" data-placement="bottom"><strong>${config.authorName}</strong></a>发布，转载请注明出处
+                            本文由<a href="${config.siteUrl}" target="_blank" data-original-title="${config.siteName}" data-toggle="tooltip" data-placement="bottom"><strong>${config.authorName}</strong></a>原创发布，转载请遵循《<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="nofollow">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)</a>》许可协议授权
                             <#else>
                             本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请<a target="_blank" href="mailto:${config.authorEmail}" title="点击给我发邮件" data-toggle="tooltip" data-placement="bottom"><strong>联系本站长</strong></a>删除，谢谢。
                             </#if>

blog-web/src/main/resources/templates/index.ftl

@@ -74,6 +74,15 @@
                 </#if>
             </@zhydTag>
 <#--            <div class="separateline"><span>以下为最新文章</span></div>-->
+         <#--   <div class="blog-body expansion" style="padding: 0;margin-bottom: 0;border-bottom: 1px solid #eeeeee;">
+                <div class="scrollmenu nav-tags">
+                    <a href="/type/1" id="scrollmenu-1" class="red" style="color: red">最新文章</a>
+                    <a href="/type/1" id="scrollmenu-1">置顶文章</a>
+                    <a href="/type/1" id="scrollmenu-1">热门文章</a>
+                    <a href="/type/1" id="scrollmenu-1">评论最多</a>
+                    <a href="/type/1" id="scrollmenu-1">点赞最多</a>
+                </div>
+            </div>-->
             <#if page.list?? && (page.list?size > 0)>
                 <#list page.list as item>
                     <article class="fade-in">

blog-web/src/main/resources/templates/layout/sidebar.ftl

@@ -66,7 +66,7 @@
             </#if>
         </@zhydTag>
     </div>
-    <@zhydTag method="recentComments" pageSize="10">
+    <@zhydTag method="recentComments" pageSize="5">
         <#if recentComments?? && recentComments?size gt 0>
             <div class="sidebar-module">
                 <h5 class="custom-title"><i class="fa fa-comments fa-fw icon"></i><strong>近期评论</strong><small></small></h5>