update label

Author: gusibi

public/index.html

@@ -18,6 +18,7 @@
             <div class="search">
                 <input type="text" placeholder="Search...">
             </div>
+            <button class="night-mode-btn">🌙</button>
         </nav>
     </header>
     <main>
@@ -26,8 +27,8 @@
         </div>
     </main>
     <footer>
+        <div class="new-message">Kathryn: Swa</div>
         <button class="close-btn">X</button>
-        <button class="night-mode-btn">🌙</button>
         <div class="design-by">Design by gusibi@path-meme</div>
     </footer>
     <script src="/script.js"></script>

public/script.js

@@ -6,8 +6,17 @@ document.addEventListener('DOMContentLoaded', async () => {
     nightModeBtn.addEventListener('click', () => {
         document.body.classList.toggle('night-mode');
         nightModeBtn.textContent = document.body.classList.contains('night-mode') ? '☀️' : '🌙';
+        // 保存夜间模式状态到 localStorage
+        localStorage.setItem('nightMode', document.body.classList.contains('night-mode'));
     });
 
+    // 检查并应用保存的夜间模式状态
+    const savedNightMode = localStorage.getItem('nightMode');
+    if (savedNightMode === 'true') {
+        document.body.classList.add('night-mode');
+        nightModeBtn.textContent = '☀️';
+    }
+
     try {
         const response = await fetch('https://path-momo-api.gusibi.workers.dev/api/blog-posts');
         if (!response.ok) {
@@ -35,9 +44,9 @@ document.addEventListener('DOMContentLoaded', async () => {
             contentHtml += `<p>${post.body}</p>`;
 
             // 创建标签 HTML
-            const labelsHtml = post.labels.map(label =>
+            const labelsHtml = post.labels && post.labels.length > 0 ? post.labels.map(label =>
                 `<span class="label" style="background-color: #${label.color}">${label.name}</span>`
-            ).join('');
+            ).join('') : '';
 
             card.innerHTML = `
                 <div class="header">

public/styles.css

@@ -33,6 +33,13 @@ nav {
     align-items: center;
 }
 
+.night-mode-btn {
+    background: none;
+    border: none;
+    font-size: 1.5em;
+    cursor: pointer;
+}
+
 .icons span {
     margin: 0 10px;
     cursor: pointer;