elykia 1.0.28 → 1.0.29

package/blog/countdown.js

@@ -1,201 +1,182 @@
-const CountdownTimer = (() => {
-    const config = {
-        targetDate: "2025-12-20",
-        targetName: "考研",
-        units: {
-            day: { text: "今日", divider: 1, unit: "小时" },
-            week: { text: "本周", divider: 24, unit: "天" },
-            month: { text: "本月", divider: 24, unit: "天" },
-            year: { text: "本年", divider: 24, unit: "天" }
-        }
-    };
+const elykiaCountdown = {
+  // 配置
+  config: {
+    targetDate: "2025-12-20",
+    targetName: "考研",
+    units: {
+      day: { text: "今日", unit: "小时" },
+      week: { text: "本周", unit: "天" },
+      month: { text: "本月", unit: "天" },
+      year: { text: "本年", unit: "天" }
+    }
+  },
 
-    function getTimeUnit(unit) {
-        const now = new Date();
-        const start = new Date(now.setHours(0, 0, 0, 0));
-        const end = new Date(now.setHours(23, 59, 59, 999));
-        
-        if (unit === 'day') {
-            const currentHour = new Date().getHours();
-            const remaining = 24 - currentHour;
-            const percentage = (currentHour / 24) * 100;
-            
-            return {
-                name: config.units[unit].text,
-                remaining: remaining,
-                percentage: percentage.toFixed(2),
-                unit: config.units[unit].unit
-            };
-        }
+  // 计算器
+  calculators: {
+    day: () => {
+      const hours = new Date().getHours();
+      return { remaining: 24 - hours, percentage: (hours / 24) * 100 };
+    },
+    week: () => {
+      const day = new Date().getDay();
+      const passed = day === 0 ? 6 : day - 1;
+      return { remaining: 6 - passed, percentage: ((passed + 1) / 7) * 100 };
+    },
+    month: () => {
+      const now = new Date();
+      const total = new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate();
+      const passed = now.getDate();
+      return { remaining: total - passed, percentage: (passed / total) * 100 };
+    },
+    year: () => {
+      const now = new Date();
+      const start = new Date(now.getFullYear(), 0, 1);
+      const total = 365 + (now.getFullYear() % 4 === 0 ? 1 : 0);
+      const passed = Math.floor((now - start) / 86400000);
+      return { remaining: total - passed, percentage: (passed / total) * 100 };
+    }
+  },
 
-        const ranges = {
-            week: () => {
-                start.setDate(start.getDate() - start.getDay());
-                end.setDate(end.getDate() - end.getDay() + 6);
-            },
-            month: () => {
-                start.setDate(1);
-                end.setMonth(end.getMonth() + 1, 0);
-            },
-            year: () => {
-                start.setMonth(0, 1);
-                end.setMonth(11, 31);
-            }
-        };
-        ranges[unit]?.();
+  // 入口函数
+  setCountdown: () => {
+    elykiaCountdown.injectStyles();
+    elykiaCountdown.updateCountdown();
+    if (elykiaCountdown.timer) clearInterval(elykiaCountdown.timer);
+    elykiaCountdown.timer = setInterval(elykiaCountdown.updateCountdown, 600000);
+  },
 
-        const total = unit === "day" ? 24 : Math.floor((end - start) / 86400000) + 1;
-        const passed = Math.floor((now - start) / (3600000 * config.units[unit].divider));
-        const percentage = (passed / total) * 100;
+  // 更新倒计时
+  updateCountdown: () => {
+    const elements = ['eventName', 'eventDate', 'daysUntil', 'countRight']
+      .map(id => document.getElementById(id));
 
-        return {
-            name: config.units[unit].text,
-            remaining: total - passed,
-            percentage: percentage.toFixed(2),
-            unit: config.units[unit].unit
-        };
-    }
+    if (elements.some(el => !el)) return;
 
-    function updateCountdown() {
-        const elements = ['eventName', 'eventDate', 'daysUntil', 'countRight']
-            .map(id => document.getElementById(id));
-        
-        if (elements.some(el => !el)) return;
-        
-        const [eventName, eventDate, daysUntil, countRight] = elements;
-        const timeData = Object.keys(config.units).reduce((acc, unit) => ({...acc, [unit]: getTimeUnit(unit)}), {});
-        const daysRemaining = Math.round((new Date(config.targetDate) - new Date().setHours(0,0,0,0)) / 86400000);
+    const [eventName, eventDate, daysUntil, countRight] = elements;
+    const config = elykiaCountdown.config;
+    const daysRemaining = Math.round((new Date(config.targetDate) - new Date().setHours(0, 0, 0, 0)) / 86400000);
 
-        eventName.textContent = config.targetName;
-        eventDate.textContent = config.targetDate;
-        daysUntil.textContent = daysRemaining;
-        countRight.innerHTML = Object.entries(timeData)
-            .map(([_, item]) => `
-                <div class="cd-count-item">
-                    <div class="cd-item-name">${item.name}</div>
-                    <div class="cd-item-progress">
-                        <div class="cd-progress-bar" style="width: ${item.percentage}%; opacity: ${item.percentage/100}"></div>
-                        <span class="cd-percentage ${item.percentage >= 46 ? 'cd-many' : ''}">${item.percentage}%</span>
-                        <span class="cd-remaining ${item.percentage >= 60 ? 'cd-many' : ''}">
-                            <span class="cd-tip">还剩</span>${item.remaining}<span class="cd-tip">${item.unit}</span>
-                        </span>
-                    </div>
-                </div>
-            `).join('');
-    }
+    eventName.textContent = config.targetName;
+    eventDate.textContent = config.targetDate;
+    daysUntil.textContent = daysRemaining;
 
-    function injectStyles() {
-        const styles = `
-            .card-countdown .item-content {
-                display: flex;
-            }
-            .cd-count-left {
-                position: relative;
-                display: flex;
-                flex-direction: column;
-                margin-right: 0.8rem;
-                line-height: 1.5;
-                align-items: center;
-                justify-content: center;
-            }
-            .cd-count-left .cd-text {
-                font-size: 14px;
-            }
-            .cd-count-left .cd-name {
-                font-weight: bold;
-                font-size: 18px;
-            }
-            .cd-count-left .cd-time {
-                font-size: 30px;
-                font-weight: bold;
-                color: var(--anzhiyu-main);
-            }
-            .cd-count-left .cd-date {
-                font-size: 12px;
-                opacity: 0.6;
-            }
-            .cd-count-left::after {
-                content: "";
-                position: absolute;
-                right: -0.8rem;
-                width: 2px;
-                height: 80%;
-                background-color: var(--anzhiyu-main);
-                opacity: 0.5;
-            }
-            .cd-count-right {
-                flex: 1;
-                margin-left: .8rem;
-                display: flex;
-                flex-direction: column;
-                justify-content: space-between;
-            }
-            .cd-count-item {
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                height: 24px;
-            }
-            .cd-item-name {
-                font-size: 14px;
-                margin-right: 0.8rem;
-                white-space: nowrap;
-            }
-            .cd-item-progress {
-                position: relative;
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                justify-content: space-between;
-                height: 100%;
-                width: 100%;
-                border-radius: 8px;
-                background-color: var(--anzhiyu-background);
-                overflow: hidden;
-            }
-            .cd-progress-bar {
-                height: 100%;
-                border-radius: 8px;
-                background-color: var(--anzhiyu-main);
-            }
-            .cd-percentage,
-            .cd-remaining {
-                position: absolute;
-                font-size: 12px;
-                margin: 0 6px;
-                transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
-            }
-            .cd-many {
-                color: #fff;
-            }
-            .cd-remaining {
-                opacity: 0;
-                transform: translateX(10px);
-            }
-            .card-countdown .item-content:hover .cd-remaining {
-                transform: translateX(0);
-                opacity: 1;
-            }
-            .card-countdown .item-content:hover .cd-percentage {
-                transform: translateX(-10px);
-                opacity: 0;
-            }
-        `;
+    countRight.innerHTML = Object.entries(config.units)
+      .map(([key, { text, unit }]) => {
+        const { remaining, percentage } = elykiaCountdown.calculators[key]();
+        return `
+        <div class="cd-count-item">
+          <div class="cd-item-name">${text}</div>
+          <div class="cd-item-progress">
+            <div class="cd-progress-bar" style="width: ${percentage}%; opacity: ${percentage / 100}"></div>
+            <span class="cd-percentage ${percentage >= 46 ? 'cd-many' : ''}">${percentage.toFixed(2)}%</span>
+            <span class="cd-remaining ${percentage >= 60 ? 'cd-many' : ''}">
+              <span class="cd-tip">还剩</span>${remaining}<span class="cd-tip">${unit}</span>
+            </span>
+          </div>
+        </div>
+      `}).join('');
+  }
+};
 
-        const styleSheet = document.createElement("style");
-        styleSheet.textContent = styles;
-        document.head.appendChild(styleSheet);
-    }
+// 注入样式（闭包防止重复注入）
+elykiaCountdown.injectStyles = (() => {
+  let injected = false;
+  return () => {
+    if (injected) return;
+    injected = true;
+
+    const styles = `
+      .card-countdown .item-content {
+        display: flex;
+        align-items: center;
+      }
+      .cd-count-left {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        margin-right: 0.8rem;
+        line-height: 1.5;
+        align-items: center;
+        justify-content: center;
+      }
+      .cd-count-left .cd-text { font-size: 14px; }
+      .cd-count-left .cd-name { font-weight: bold; font-size: 18px; }
+      .cd-count-left .cd-time { font-size: 30px; font-weight: bold; color: var(--anzhiyu-main); }
+      .cd-count-left .cd-date { font-size: 12px; opacity: 0.6; }
+      .cd-count-left::after {
+        content: "";
+        position: absolute;
+        right: -0.8rem;
+        width: 2px;
+        height: 80%;
+        background-color: var(--anzhiyu-main);
+        opacity: 0.5;
+      }
+      .cd-count-right {
+        flex: 1;
+        margin-left: .8rem;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+      .cd-count-item {
+        display: flex;
+        align-items: center;
+        height: 24px;
+      }
+      .cd-item-name {
+        font-size: 14px;
+        margin-right: 0.8rem;
+        white-space: nowrap;
+      }
+      .cd-item-progress {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 100%;
+        width: 100%;
+        border-radius: 8px;
+        background-color: var(--anzhiyu-background);
+        overflow: hidden;
+      }
+      .cd-progress-bar {
+        height: 100%;
+        border-radius: 8px;
+        background-color: var(--anzhiyu-main);
+      }
+      .cd-percentage, .cd-remaining {
+        position: absolute;
+        font-size: 12px;
+        margin: 0 6px;
+        transition: opacity 0.3s, transform 0.3s;
+      }
+      .cd-many { color: #fff; }
+      .cd-remaining { opacity: 0; transform: translateX(10px); }
+      .card-countdown .item-content:hover .cd-remaining { transform: translateX(0); opacity: 1; }
+      .card-countdown .item-content:hover .cd-percentage { transform: translateX(-10px); opacity: 0; }
+    `;
+    const styleSheet = document.createElement("style");
+    styleSheet.textContent = styles;
+    document.head.appendChild(styleSheet);
+  };
+})();
+
+// 页面加载后执行
+document.addEventListener("DOMContentLoaded", () => {
+  elykiaCountdown.setCountdown();
+});
+
+// 浏览器前进/后退
+window.addEventListener("popstate", () => {
+  setTimeout(elykiaCountdown.setCountdown, 100);
+});
 
-    let timer;
-    const start = () => {
-        injectStyles();
-        updateCountdown();
-        timer = setInterval(updateCountdown, 600000);
-    };
-    
-    ['pjax:complete', 'DOMContentLoaded'].forEach(event => document.addEventListener(event, start));
-    document.addEventListener('pjax:send', () => timer && clearInterval(timer));
-    
-    return { start, stop: () => timer && clearInterval(timer) };
-})();
+// 监听 Vue Router 的 URL 变化
+let elykiaCountdownLastUrl = location.href;
+new MutationObserver(() => {
+  if (location.href !== elykiaCountdownLastUrl) {
+    elykiaCountdownLastUrl = location.href;
+    setTimeout(elykiaCountdown.setCountdown, 100);
+  }
+}).observe(document.body, { childList: true, subtree: true });

package/blog/welcome.js

@@ -1,27 +1,61 @@
-const elykia = {
-  // 欢迎语
-  setWelcome_info: async () => {
+const elykiaWelcome = {
+  // 配置
+  config: {
+    apiUrl: "https://apis.map.qq.com/ws/location/v1/ip?key=TNLBZ-FS2LQ-4X257-4ACX6-OP673-62BFJ&output=jsonp&callback=QQmap",
+    baseCoord: { lng: 113.625000, lat: 34.747201 },  // 基准坐标（用于计算距离）
+    cacheKey: "welcome-info",
+    cacheMinutes: 30
+  },
+
+  // 缓存工具
+  cache: {
+    get(key) {
+      const item = localStorage.getItem(key);
+      if (!item) return null;
+      const { data, expire } = JSON.parse(item);
+      if (Date.now() > expire) {
+        localStorage.removeItem(key);
+        return null;
+      }
+      return data;
+    },
+    set(key, data, minutes) {
+      localStorage.setItem(key, JSON.stringify({
+        data,
+        expire: Date.now() + minutes * 60 * 1000
+      }));
+    }
+  },
+
+  // 入口函数
+  setWelcome: async () => {
     const WelcomeInfo = document.getElementById("welcome-info");
     if (!WelcomeInfo) {
-      setTimeout(elykia.setWelcome_info, 200);
+      setTimeout(elykiaWelcome.setWelcome, 200);
+      return;
+    }
+
+    const cached = elykiaWelcome.cache.get(elykiaWelcome.config.cacheKey);
+    if (cached) {
+      elykiaWelcome.showWelcome(cached);
       return;
     }
 
     try {
-      return new Promise((resolve, reject) => {
-        var script = document.createElement('script');
-        var url = `https://apis.map.qq.com/ws/location/v1/ip?key=TNLBZ-FS2LQ-4X257-4ACX6-OP673-62BFJ&output=jsonp&callback=QQmap`;
-        script.src = url;
+      await new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = elykiaWelcome.config.apiUrl;
 
         window.QQmap = (data) => {
+          document.body.removeChild(script);
+          delete window.QQmap;
           if (data.status === 0) {
-            elykia.showWelcome(data);
+            elykiaWelcome.cache.set(elykiaWelcome.config.cacheKey, data, elykiaWelcome.config.cacheMinutes);
+            elykiaWelcome.showWelcome(data);
             resolve();
           } else {
             reject(new Error('Failed to fetch location data'));
           }
-          document.body.removeChild(script);
-          delete window.QQmap;
         };
         document.body.appendChild(script);
       });
@@ -30,37 +64,34 @@ const elykia = {
     }
   },
 
-  //根据经纬度计算两点距离(点1经度,点1纬度,点2经度,点2纬度)
+  // 计算两点距离（单位：公里）
   getDistance: (e1, n1, e2, n2) => {
-    const R = 6371
-    const { sin, cos, asin, PI, hypot } = Math
-    let getPoint = (e, n) => {
-      e *= PI / 180
-      n *= PI / 180
-      return { x: cos(n) * cos(e), y: cos(n) * sin(e), z: sin(n) }
-    }
-    let a = getPoint(e1, n1)
-    let b = getPoint(e2, n2)
-    let c = hypot(a.x - b.x, a.y - b.y, a.z - b.z)
-    let r = asin(c / 2) * 2 * R
+    const R = 6371;
+    const { sin, cos, asin, PI, hypot } = Math;
+    const getPoint = (e, n) => {
+      e *= PI / 180;
+      n *= PI / 180;
+      return { x: cos(n) * cos(e), y: cos(n) * sin(e), z: sin(n) };
+    };
+    const a = getPoint(e1, n1);
+    const b = getPoint(e2, n2);
+    const c = hypot(a.x - b.x, a.y - b.y, a.z - b.z);
+    const r = asin(c / 2) * 2 * R;
     return Math.round(r);
   },
 
-  //根据国家、省份、城市信息自定义欢迎语
+  // 显示欢迎语
   showWelcome: (ipStore) => {
-    const WelcomeInfo = document.getElementById("welcome-info"),
-      IP = ipStore.result.ip || "未知";
-    let dist = elykia.getDistance(
-        113.625000,
-        34.747201,
-        ipStore.result.location.lng,
-        ipStore.result.location.lat
-      ),
-      address,
-      welcome_info;
+    const WelcomeInfo = document.getElementById("welcome-info");
+    const IP = ipStore.result.ip || "未知";
+    const coord = elykiaWelcome.config.baseCoord;
+    const dist = elykiaWelcome.getDistance(coord.lng, coord.lat, ipStore.result.location.lng, ipStore.result.location.lat);
 
-    //根据国家、省份、城市信息自定义欢迎语
-    //海外地区不支持省份及城市信息
+    let address = ipStore.result.ad_info.nation || "未知地区";
+    let welcome_info = "欢迎访问本站";
+
+    // 根据国家、省份、城市信息自定义欢迎语
+    // 海外地区不支持省份及城市信息
     switch (ipStore.result.ad_info.nation) {
       case "日本":
         welcome_info = "よろしく，一起去看樱花吗";
@@ -87,12 +118,7 @@ const elykia = {
         welcome_info = "拾起一片枫叶赠予你";
         break;
       case "中国":
-        address =
-          ipStore.result.ad_info.province +
-          " " +
-          ipStore.result.ad_info.city +
-          " " +
-          ipStore.result.ad_info.district;
+        address = ipStore.result.ad_info.province + " " + ipStore.result.ad_info.city + " " + ipStore.result.ad_info.district;
 
         switch (ipStore.result.ad_info.province) {
           case "北京市":
@@ -105,19 +131,16 @@ const elykia = {
             break;
           case "重庆市":
             address = "重庆市";
-            welcome_info =
-              "高德地图:已到达重庆，下面交给百度地图导航";
+            welcome_info = "高德地图:已到达重庆，下面交给百度地图导航";
             break;
           case "河北省":
-            welcome_info =
-              "山势巍巍成壁垒，天下雄关。铁马金戈由此向，无限江山";
+            welcome_info = "山势巍巍成壁垒，天下雄关。铁马金戈由此向，无限江山";
             break;
           case "山西省":
             welcome_info = "展开坐具长三尺，已占山河五百余";
             break;
           case "内蒙古自治区":
-            welcome_info =
-              "天苍苍，野茫茫，风吹草低见牛羊";
+            welcome_info = "天苍苍，野茫茫，风吹草低见牛羊";
             break;
           case "辽宁省":
             welcome_info = "我想吃烤鸡架";
@@ -130,33 +153,28 @@ const elykia = {
             break;
           case "上海市":
             address = "上海市";
-            welcome_info =
-              "众所周知，中国只有两个城市";
+            welcome_info = "众所周知，中国只有两个城市";
             break;
           case "江苏省":
             switch (ipStore.result.ad_info.city) {
               case "南京市":
-                welcome_info =
-                  "欢迎来自安徽省南京市的小伙伴";
+                welcome_info = "欢迎来自安徽省南京市的小伙伴";
                 break;
               case "苏州市":
                 welcome_info = "上有天堂，下有苏杭";
                 break;
               default:
-                welcome_info =
-                  "散装是必须要散装的";
+                welcome_info = "散装是必须要散装的";
                 break;
             }
             break;
           case "浙江省":
             switch (ipStore.result.ad_info.city) {
               case "杭州市":
-                welcome_info =
-                  "东风渐绿西湖柳，雁已还人未南归";
+                welcome_info = "东风渐绿西湖柳，雁已还人未南归";
                 break;
               default:
-                welcome_info =
-                  "望海楼明照曙霞,护江堤白蹋晴沙";
+                welcome_info = "望海楼明照曙霞,护江堤白蹋晴沙";
                 break;
             }
             break;
@@ -167,18 +185,15 @@ const elykia = {
             welcome_info = "井邑白云间，岩城远带山";
             break;
           case "江西省":
-            welcome_info =
-              "落霞与孤鹜齐飞，秋水共长天一色";
+            welcome_info = "落霞与孤鹜齐飞，秋水共长天一色";
             break;
           case "山东省":
-            welcome_info =
-              "遥望齐州九点烟，一泓海水杯中泻";
+            welcome_info = "遥望齐州九点烟，一泓海水杯中泻";
             break;
           case "湖北省":
             switch (ipStore.result.ad_info.city) {
               case "黄冈市":
-                welcome_info =
-                  "红安将军县！辈出将才！";
+                welcome_info = "红安将军县！辈出将才！";
                 break;
               default:
                 welcome_info = "来碗热干面~";
@@ -191,19 +206,16 @@ const elykia = {
           case "广东省":
             switch (ipStore.result.ad_info.city) {
               case "广州市":
-                welcome_info =
-                  "看小蛮腰，喝早茶了嘛~";
+                welcome_info = "看小蛮腰，喝早茶了嘛~";
                 break;
               case "深圳市":
-                welcome_info =
-                  "今天你逛商场了嘛~";
+                welcome_info = "今天你逛商场了嘛~";
                 break;
               case "阳江市":
                 welcome_info = "阳春合水！";
                 break;
               default:
-                welcome_info =
-                  "老板来两斤福建人";
+                welcome_info = "老板来两斤福建人";
                 break;
             }
             break;
@@ -211,8 +223,7 @@ const elykia = {
             welcome_info = "桂林山水甲天下";
             break;
           case "海南省":
-            welcome_info =
-              "朝观日出逐白浪，夕看云起收霞光";
+            welcome_info = "朝观日出逐白浪，夕看云起收霞光";
             break;
           case "四川省":
             welcome_info = "康康川妹子";
@@ -220,199 +231,141 @@ const elykia = {
           case "贵州省":
             switch (ipStore.result.ad_info.city) {
               case "六盘水市":
-                welcome_info =
-                  "凉都六盘水，您好";
+                welcome_info = "凉都六盘水，您好";
                 break;
               case "贵阳市":
-                welcome_info =
-                  "爽爽贵阳，您好";
+                welcome_info = "爽爽贵阳，您好";
                 break;
               case "遵义市":
-                welcome_info =
-                  "遵义红城，您好";
+                welcome_info = "遵义红城，您好";
                 break;
               case "安顺市":
-                welcome_info =
-                  "安顺福地，您好";
+                welcome_info = "安顺福地，您好";
                 break;
               case "毕节市":
-                welcome_info =
-                  "毕节山水，您好";
+                welcome_info = "毕节山水，您好";
                 break;
               case "铜仁市":
-                welcome_info =
-                  "铜仁梵净，您好";
+                welcome_info = "铜仁梵净，您好";
                 break;
               case "黔西南布依族苗族自治州":
-                welcome_info =
-                  "黔西南风情，您好";
+                welcome_info = "黔西南风情，您好";
                 break;
               case "黔东南苗族侗族自治州":
-                welcome_info =
-                  "黔东南歌舞，您好";
+                welcome_info = "黔东南歌舞，您好";
                 break;
               case "黔南布依族苗族自治州":
-                welcome_info =
-                  "黔南美景，您好";
+                welcome_info = "黔南美景，您好";
                 break;
               default:
-                welcome_info =
-                  "茅台，学生，再塞200";
+                welcome_info = "茅台，学生，再塞200";
                 break;
             }
             break;
           case "云南省":
-            welcome_info =
-              "玉龙飞舞云缠绕，万仞冰川直耸天";
+            welcome_info = "玉龙飞舞云缠绕，万仞冰川直耸天";
             break;
           case "西藏自治区":
-            welcome_info =
-              "躺在茫茫草原上，仰望蓝天";
+            welcome_info = "躺在茫茫草原上，仰望蓝天";
             break;
           case "陕西省":
             welcome_info = "来份臊子面加馍";
             break;
           case "甘肃省":
-            welcome_info =
-              "羌笛何须怨杨柳，春风不度玉门关";
+            welcome_info = "羌笛何须怨杨柳，春风不度玉门关";
             break;
           case "青海省":
-            welcome_info =
-              "牛肉干和老酸奶都好好吃";
+            welcome_info = "牛肉干和老酸奶都好好吃";
             break;
           case "宁夏回族自治区":
-            welcome_info =
-              "大漠孤烟直，长河落日圆";
+            welcome_info = "大漠孤烟直，长河落日圆";
             break;
           case "新疆维吾尔自治区":
-            welcome_info =
-              "驼铃古道丝绸路，胡马犹闻唐汉风";
+            welcome_info = "驼铃古道丝绸路，胡马犹闻唐汉风";
             break;
           case "台湾省":
-            welcome_info =
-              "我在这头，大陆在那头";
+            welcome_info = "我在这头，大陆在那头";
             break;
           case "香港特别行政区":
             address = "香港特别行政区";
-            welcome_info =
-              "永定贼有残留地鬼嚎，迎击光非岁玉";
+            welcome_info = "永定贼有残留地鬼嚎，迎击光非岁玉";
             break;
           case "澳门特别行政区":
             address = "澳门特别行政区";
-            welcome_info =
-              "性感荷官，在线发牌";
+            welcome_info = "性感荷官，在线发牌";
             break;
           case "河南省":
             switch (ipStore.result.ad_info.city) {
               case "郑州市":
-                welcome_info =
-                  "豫州之域，天地之中";
+                welcome_info = "豫州之域，天地之中";
                 break;
               case "南阳市":
-                welcome_info =
-                  "臣本布衣，躬耕于南阳此南阳非彼南阳！";
+                welcome_info = "臣本布衣，躬耕于南阳此南阳非彼南阳！";
                 break;
               case "驻马店市":
-                welcome_info =
-                  "峰峰有奇石，石石挟仙气嵖岈山的花很美哦！";
+                welcome_info = "峰峰有奇石，石石挟仙气嵖岈山的花很美哦！";
                 break;
               case "开封市":
-                welcome_info =
-                  "刚正不阿包青天！";
+                welcome_info = "刚正不阿包青天！";
                 break;
               case "洛阳市":
-                welcome_info =
-                  "洛阳牡丹甲天下";
+                welcome_info = "洛阳牡丹甲天下";
                 break;
               case "平顶山市":
-                welcome_info =
-                  "QQ市~ 博主家乡~ 欢迎来玩~！";
+                welcome_info = "QQ市~ 博主家乡~ 欢迎来玩~！";
                 break;
               default:
-                welcome_info =
-                  "可否带我品尝河南烩面啦？";
+                welcome_info = "可否带我品尝河南烩面啦？";
                 break;
             }
             break;
           default:
-            welcome_info =
-              "带我去你的城市逛逛吧";
+            welcome_info = "带我去你的城市逛逛吧";
             break;
         }
         break;
       default:
-        welcome_info =
-          "带我去你的国家看看吧";
+        welcome_info = "带我去你的国家看看吧";
         break;
     }
 
-    //判断时间
-    let timeChange,
-      date = new Date();
-    if (date.getHours() >= 5 && date.getHours() < 11)
-      timeChange =
-        "<span>🌤️上午好，一日之计在于晨</span>";
-    else if (
-      date.getHours() >= 11 &&
-      date.getHours() < 13
-    )
-      timeChange =
-        "<span>☀️中午好，该摸鱼吃午饭了</span>";
-    else if (
-      date.getHours() >= 13 &&
-      date.getHours() < 15
-    )
-      timeChange =
-        "<span>🕞下午好，懒懒地睡个午觉吧</span>";
-    else if (
-      date.getHours() >= 15 &&
-      date.getHours() < 16
-    )
-      timeChange =
-        "<span>🍵三点几啦，饮茶先啦</span>";
-    else if (
-      date.getHours() >= 16 &&
-      date.getHours() < 18
-    )
-      timeChange =
-        "<span>🚶‍♂️即将下班，记得按时吃饭~</span>";
-    else if (
-      date.getHours() >= 18 &&
-      date.getHours() < 19
-    )
-      timeChange =
-        "<span>🌇夕阳无限好，只是近黄昏</span>";
-    else if (
-      date.getHours() >= 19 &&
-      date.getHours() < 24
-    )
-      timeChange =
-        "<span>🌔晚上好，夜生活嗨起来</span>";
-    else
-      timeChange =
-        "🌌夜深了，早点休息，少熬夜";
+    // 根据时间显示问候语
+    const hour = new Date().getHours();
+    let timeChange;
+    if (hour >= 5 && hour < 11) timeChange = "<span>🌤️上午好，一日之计在于晨</span>";
+    else if (hour >= 11 && hour < 13) timeChange = "<span>☀️中午好，该摸鱼吃午饭了</span>";
+    else if (hour >= 13 && hour < 15) timeChange = "<span>🕞下午好，懒懒地睡个午觉吧</span>";
+    else if (hour >= 15 && hour < 16) timeChange = "<span>🍵三点几啦，饮茶先啦</span>";
+    else if (hour >= 16 && hour < 18) timeChange = "<span>🚶‍♂️即将下班，记得按时吃饭~</span>";
+    else if (hour >= 18 && hour < 19) timeChange = "<span>🌇夕阳无限好，只是近黄昏</span>";
+    else if (hour >= 19 && hour < 24) timeChange = "<span>🌔晚上好，夜生活嗨起来</span>";
+    else timeChange = "🌌夜深了，早点休息，少熬夜";
 
-    WelcomeInfo &&
-      (WelcomeInfo.innerHTML = `
+    // 渲染欢迎信息
+    WelcomeInfo && (WelcomeInfo.innerHTML = `
     欢迎来自 <strong>${address}</strong> 的小伙伴🍂<br>
     <strong>${welcome_info}！</strong><br>
     您距离 <strong>Elykia</strong> 约有 <strong>${dist}</strong> 公里！<br>
     您的IP地址为：<strong>${IP}</strong><br>
     <strong>${timeChange}！</strong>`);
-  },
+  }
 };
 
 // 页面加载后执行
 document.addEventListener("DOMContentLoaded", () => {
-  elykia.setWelcome_info();
+  elykiaWelcome.setWelcome();
 });
 
-// 支持 PJAX 页面切换
-document.addEventListener("pjax:complete", () => {
-  elykia.setWelcome_info();
+// 浏览器前进/后退
+window.addEventListener("popstate", () => {
+  setTimeout(elykiaWelcome.setWelcome, 100);
 });
 
-// 支持其他可能的页面切换事件
-document.addEventListener("turbo:load", () => {
-  elykia.setWelcome_info();
-});
+// 监听 Vue Router 的 URL 变化
+let elykiaWelcomeLastUrl = location.href;
+new MutationObserver(() => {
+  if (location.href !== elykiaWelcomeLastUrl) {
+    elykiaWelcomeLastUrl = location.href;
+    setTimeout(elykiaWelcome.setWelcome, 100);
+  }
+}).observe(document.body, { childList: true, subtree: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elykia",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "",
   "license": "ISC",
   "author": "Elykia",