perf: website announcement support the markdown syntax

Author: XPoet

layout/home-content.ejs

@@ -2,7 +2,9 @@
     <% if (theme?.home?.announcement) { %>
         <div class="website-announcement border-box">
             <i class="icon left fa-solid fa-bullhorn"></i>
-            <span class="announcement border-box text-ellipsis"><%= theme?.home?.announcement %></span>
+            <div class="announcement border-box text-ellipsis">
+                <%- markdown(theme?.home?.announcement) %>
+            </div>
             <i class="icon right close fa-solid fa-close"></i>
         </div>
     <% } %>

scripts/filters/link-handle.js

@@ -15,7 +15,6 @@ hexo.extend.filter.register(
     data.content = data.content.replace(
       regPureATag,
       function (match, attrBegin, href, attrEnd, html) {
-        // Exit if the href attribute doesn't exists.
         if (!href) return match
 
         let link = ''

source/css/layout/home-content.styl

@@ -13,6 +13,7 @@
         margin-top -0.4rem
       }
 
+
       +keep-mobile() {
         margin-top -0.2rem
 
@@ -25,10 +26,18 @@
         }
       }
 
+
       .announcement {
         width 100%
-        padding 0 0.4rem
+        padding 0 0.5rem
         color var(--text-color-3)
+
+        p {
+          width 100%
+          overflow hidden
+          white-space nowrap
+          text-overflow ellipsis
+        }
       }