perf: website announcement support the markdown syntax

XPoet · Nov 27, 2023 · 7189ead · 7189ead
1 parent 257962e
commit 7189ead
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/layout/home-content.ejs b/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>
     <% } %>

diff --git a/scripts/filters/link-handle.js b/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 = ''

diff --git a/source/css/layout/home-content.styl b/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
+        }
       }