Merge pull request 'Update dependency axios to ^1.14.0' (#4) from renovate/axios-1.x into master

Reviewed-on: #4
··[CST 2026-04-01 Wednesday 21:33:46]

js/ai-summary.js

@@ -0,0 +1,65 @@
+// 打字机效果
+function typeTextMachineStyle(text, targetSelector, options = {}) {
+    const {
+        delay = 50,
+        startDelay = 2000,
+        onComplete = null,
+        clearBefore = true,
+        eraseBefore = true, // 新增：是否以打字机方式清除原文本
+        eraseDelay = 30,    // 新增：删除每个字符的间隔
+    } = options;
+
+    const el = document.querySelector(targetSelector);
+    if (!el || typeof text !== "string") return;
+
+    setTimeout(() => {
+        const startTyping = () => {
+            let index = 0;
+            function renderChar() {
+                if (index <= text.length) {
+                    el.textContent = text.slice(0, index++);
+                    setTimeout(renderChar, delay);
+                } else {
+                    onComplete && onComplete(el);
+                }
+            }
+            renderChar();
+        };
+
+        if (clearBefore) {
+            if (eraseBefore && el.textContent.length > 0) {
+                let currentText = el.textContent;
+                let eraseIndex = currentText.length;
+
+                function eraseChar() {
+                    if (eraseIndex > 0) {
+                        el.textContent = currentText.slice(0, --eraseIndex);
+                        setTimeout(eraseChar, eraseDelay);
+                    } else {
+                        startTyping(); // 删除完毕后开始打字
+                    }
+                }
+
+                eraseChar();
+            } else {
+                el.textContent = "";
+                startTyping();
+            }
+        } else {
+            startTyping();
+        }
+    }, startDelay);
+}
+
+function renderAISummary() {
+    const summaryEl = document.querySelector('.ai-summary .ai-explanation');
+    if (!summaryEl) return;
+
+    const summaryText = summaryEl.getAttribute('data-summary');
+    if (summaryText) {
+        typeTextMachineStyle(summaryText, ".ai-summary .ai-explanation"); // 如果需要切换，在这里调用另一个函数即可
+    }
+}
+
+document.addEventListener('pjax:complete', renderAISummary);
+document.addEventListener('DOMContentLoaded', renderAISummary);

js/chart.js

@@ -0,0 +1,397 @@
+const cheerio = require('cheerio')
+const moment = require('moment')
+
+hexo.extend.filter.register('after_render:html', function (locals) {
+  const $ = cheerio.load(locals)
+  const post = $('#posts-chart')
+  const tag = $('#tags-chart')
+  const category = $('#categories-chart')
+  const htmlEncode = false
+
+  if (post.length > 0 || tag.length > 0 || category.length > 0) {
+    if (post.length > 0 && $('#postsChart').length === 0) {
+      if (post.attr('data-encode') === 'true') htmlEncode = true
+      post.after(postsChart(post.attr('data-start')))
+    }
+    if (tag.length > 0 && $('#tagsChart').length === 0) {
+      if (tag.attr('data-encode') === 'true') htmlEncode = true
+      tag.after(tagsChart(tag.attr('data-length')))
+    }
+    if (category.length > 0 && $('#categoriesChart').length === 0) {
+      if (category.attr('data-encode') === 'true') htmlEncode = true
+      category.after(categoriesChart(category.attr('data-parent')))
+    }
+
+    if (htmlEncode) {
+      return $.root().html().replace(/&#/g, '&#')
+    } else {
+      return $.root().html()
+    }
+  } else {
+    return locals
+  }
+}, 15)
+
+function postsChart (startMonth) {
+  const startDate = moment(startMonth || '2020-01')
+  const endDate = moment()
+
+  const monthMap = new Map()
+  const dayTime = 3600 * 24 * 1000
+  for (let time = startDate; time <= endDate; time += dayTime) {
+    const month = moment(time).format('YYYY-MM')
+    if (!monthMap.has(month)) {
+      monthMap.set(month, 0)
+    }
+  }
+  hexo.locals.get('posts').forEach(function (post) {
+    const month = post.date.format('YYYY-MM')
+    if (monthMap.has(month)) {
+      monthMap.set(month, monthMap.get(month) + 1)
+    }
+  })
+  const monthArr = JSON.stringify([...monthMap.keys()])
+  const monthValueArr = JSON.stringify([...monthMap.values()])
+
+  return `
+  <script id="postsChart">
+    var color = document.documentElement.getAttribute('data-theme') === 'light' ? '#4c4948' : 'rgba(255,255,255,0.7)'
+    var postsChart = echarts.init(document.getElementById('posts-chart'), 'light');
+    var postsOption = {
+      title: {
+        text: '文章发布统计图',
+        x: 'center',
+        textStyle: {
+          color: color
+        }
+      },
+      tooltip: {
+        trigger: 'axis'
+      },
+      xAxis: {
+        name: '日期',
+        type: 'category',
+        boundaryGap: false,
+        nameTextStyle: {
+          color: color
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        },
+        data: ${monthArr}
+      },
+      yAxis: {
+        name: '文章篇数',
+        type: 'value',
+        nameTextStyle: {
+          color: color
+        },
+        splitLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        }
+      },
+      series: [{
+        name: '文章篇数',
+        type: 'line',
+        smooth: true,
+        lineStyle: {
+            width: 0
+        },
+        showSymbol: false,
+        itemStyle: {
+          opacity: 1,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(128, 255, 165)'
+          },
+          {
+            offset: 1,
+            color: 'rgba(1, 191, 236)'
+          }])
+        },
+        areaStyle: {
+          opacity: 1,
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(128, 255, 165)'
+          }, {
+            offset: 1,
+            color: 'rgba(1, 191, 236)'
+          }])
+        },
+        data: ${monthValueArr},
+        markLine: {
+          data: [{
+            name: '平均值',
+            type: 'average',
+            label: {
+              color: color
+            }
+          }]
+        }
+      }]
+    };
+    postsChart.setOption(postsOption);
+    window.addEventListener('resize', () => { 
+      postsChart.resize();
+    });
+    postsChart.on('click', 'series', (event) => {
+      if (event.componentType === 'series') window.location.href = '/archives/' + event.name.replace('-', '/');
+    });
+  </script>`
+}
+
+function tagsChart (len) {
+  const tagArr = []
+  hexo.locals.get('tags').map(function (tag) {
+    tagArr.push({ name: tag.name, value: tag.length, path: tag.path })
+  })
+  tagArr.sort((a, b) => { return b.value - a.value })
+
+  const dataLength = Math.min(tagArr.length, len) || tagArr.length
+  const tagNameArr = []
+  for (let i = 0; i < dataLength; i++) {
+    tagNameArr.push(tagArr[i].name)
+  }
+  const tagNameArrJson = JSON.stringify(tagNameArr)
+  const tagArrJson = JSON.stringify(tagArr)
+
+  return `
+  <script id="tagsChart">
+    var color = document.documentElement.getAttribute('data-theme') === 'light' ? '#4c4948' : 'rgba(255,255,255,0.7)'
+    var tagsChart = echarts.init(document.getElementById('tags-chart'), 'light');
+    var tagsOption = {
+      title: {
+        text: 'Top ${dataLength} 标签统计图',
+        x: 'center',
+        textStyle: {
+          color: color
+        }
+      },
+      tooltip: {},
+      xAxis: {
+        name: '标签',
+        type: 'category',
+        nameTextStyle: {
+          color: color
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color,
+          interval: 0
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        },
+        data: ${tagNameArrJson}
+      },
+      yAxis: {
+        name: '文章篇数',
+        type: 'value',
+        splitLine: {
+          show: false
+        },
+        nameTextStyle: {
+          color: color
+        },
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          show: true,
+          color: color
+        },
+        axisLine: {
+          show: true,
+          lineStyle: {
+            color: color
+          }
+        }
+      },
+      series: [{
+        name: '文章篇数',
+        type: 'bar',
+        data: ${tagArrJson},
+        itemStyle: {
+          borderRadius: [5, 5, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+            offset: 0,
+            color: 'rgba(128, 255, 165)'
+          },
+          {
+            offset: 1,
+            color: 'rgba(1, 191, 236)'
+          }])
+        },
+        emphasis: {
+          itemStyle: {
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+              offset: 0,
+              color: 'rgba(128, 255, 195)'
+            },
+            {
+              offset: 1,
+              color: 'rgba(1, 211, 255)'
+            }])
+          }
+        },
+        markLine: {
+          data: [{
+            name: '平均值',
+            type: 'average',
+            label: {
+              color: color
+            }
+          }]
+        }
+      }]
+    };
+    tagsChart.setOption(tagsOption);
+    window.addEventListener('resize', () => { 
+      tagsChart.resize();
+    });
+    tagsChart.on('click', 'series', (event) => {
+      if(event.data.path) window.location.href = '/' + event.data.path;
+    });
+  </script>`
+}
+
+function categoriesChart (dataParent) {
+  const categoryArr = []
+  let categoryParentFlag = false
+  hexo.locals.get('categories').map(function (category) {
+    if (category.parent) categoryParentFlag = true
+    categoryArr.push({
+      name: category.name,
+      value: category.length,
+      path: category.path,
+      id: category._id,
+      parentId: category.parent || '0'
+    })
+  })
+  categoryParentFlag = categoryParentFlag && dataParent === 'true'
+  categoryArr.sort((a, b) => { return b.value - a.value })
+  function translateListToTree (data, parent) {
+    let tree = []
+    let temp
+    data.forEach((item, index) => {
+      if (data[index].parentId == parent) {
+        let obj = data[index];
+        temp = translateListToTree(data, data[index].id);
+        if (temp.length > 0) {
+          obj.children = temp
+        }
+        if (tree.indexOf())
+          tree.push(obj)
+      }
+    })
+    return tree
+  }
+  const categoryNameJson = JSON.stringify(categoryArr.map(function (category) { return category.name }))
+  const categoryArrJson = JSON.stringify(categoryArr)
+  const categoryArrParentJson = JSON.stringify(translateListToTree(categoryArr, '0'))
+
+  return `
+  <script id="categoriesChart">
+    var color = document.documentElement.getAttribute('data-theme') === 'light' ? '#4c4948' : 'rgba(255,255,255,0.7)'
+    var categoriesChart = echarts.init(document.getElementById('categories-chart'), 'light');
+    var categoryParentFlag = ${categoryParentFlag}
+    var categoriesOption = {
+      title: {
+        text: '文章分类统计图',
+        x: 'center',
+        textStyle: {
+          color: color
+        }
+      },
+      legend: {
+        top: 'bottom',
+        data: ${categoryNameJson},
+        textStyle: {
+          color: color
+        }
+      },
+      tooltip: {
+        trigger: 'item'
+      },
+      series: []
+    };
+    categoriesOption.series.push(
+      categoryParentFlag ? 
+      {
+        nodeClick :false,
+        name: '文章篇数',
+        type: 'sunburst',
+        radius: ['15%', '90%'],
+        center: ['50%', '55%'],
+        sort: 'desc',
+        data: ${categoryArrParentJson},
+        itemStyle: {
+          borderColor: '#fff',
+          borderWidth: 2,
+          emphasis: {
+            focus: 'ancestor',
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(255, 255, 255, 0.5)'
+          }
+        }
+      }
+      :
+      {
+        name: '文章篇数',
+        type: 'pie',
+        radius: [30, 80],
+        roseType: 'area',
+        label: {
+          color: color,
+          formatter: '{b} : {c} ({d}%)'
+        },
+        data: ${categoryArrJson},
+        itemStyle: {
+          emphasis: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(255, 255, 255, 0.5)'
+          }
+        }
+      }
+    )
+    categoriesChart.setOption(categoriesOption);
+    window.addEventListener('resize', () => { 
+      categoriesChart.resize();
+    });
+    categoriesChart.on('click', 'series', (event) => {
+      if(event.data.path) window.location.href = '/' + event.data.path;
+    });
+  </script>`
+}

js/footer.js

@@ -0,0 +1,66 @@
+
+//版权图标动态显示
+document.addEventListener('DOMContentLoaded', function() {
+    const currentYear = new Date().getFullYear();
+    const copyrightElement = document.querySelector('.copyright');
+    if (copyrightElement) {
+        copyrightElement.innerHTML = `©2025 - ${currentYear} <i class="fa-solid fa-heart "></i> By Bi`;
+    }
+});
+
+// 运行时间动态显示
+function showDateTime() {
+    const timeDisplay = document.getElementById('span_dt_dt');
+    if (!timeDisplay) return;
+
+    const startTime = new Date("2025-07-05T15:41:23");
+    const now = new Date();
+    const elapsedMilliseconds = now - startTime;
+    const seconds = Math.floor(elapsedMilliseconds / 1000);
+
+    const oneYearInSeconds = 365 * 24 * 60 * 60;
+    if (seconds < oneYearInSeconds) {
+        const days = Math.floor(seconds / (24 * 60 * 60));
+        const remainingSecondsAfterDays = seconds % (24 * 60 * 60);
+        const hours = Math.floor(remainingSecondsAfterDays / (60 * 60));
+        const remainingSecondsAfterHours = remainingSecondsAfterDays % (60 * 60);
+        const minutes = Math.floor(remainingSecondsAfterHours / 60);
+        const sec = remainingSecondsAfterHours % 60;
+
+        timeDisplay.innerHTML = `
+            <span style="color:#ffff00">${days}</span> 天 
+            <span style="color:#ffff00">${hours}</span> 时 
+            <span style="color:#ffff00">${minutes}</span> 分 
+            <span style="color:#ffff00">${sec}</span> 秒
+        `;
+    } else {
+        const years = Math.floor(seconds / oneYearInSeconds);
+        const remainingSecondsAfterYears = seconds % oneYearInSeconds;
+        const days = Math.floor(remainingSecondsAfterYears / (24 * 60 * 60));
+        const remainingSecondsAfterDays = remainingSecondsAfterYears % (24 * 60 * 60);
+        const hours = Math.floor(remainingSecondsAfterDays / (60 * 60));
+        const remainingSecondsAfterHours = remainingSecondsAfterDays % (60 * 60);
+        const minutes = Math.floor(remainingSecondsAfterHours / 60);
+        const sec = remainingSecondsAfterHours % 60;
+
+        timeDisplay.innerHTML = `
+            <span style="color:#ffff00">${years}</span> 年 
+            <span style="color:#ffff00">${days}</span> 天 
+            <span style="color:#ffff00">${hours}</span> 时 
+            <span style="color:#ffff00">${minutes}</span> 分 
+            <span style="color:#ffff00">${sec}</span> 秒
+        `;
+    }
+
+    setTimeout(showDateTime, 1000);
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    const frameworkInfo = document.querySelector('.framework-info');
+    if (frameworkInfo) {
+        frameworkInfo.innerHTML = '本站已运行<span id="span_dt_dt"></span>';
+    }
+    showDateTime();
+});   
+  
+