blog/public/js/main.js

// 判断是否为移动端
function isMobile() {
  if (window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
    return true; // 移动端
  } else {
    return false; // PC端
  }
}

// 文章图片灯箱
window.ViewImage && ViewImage.init('.post-content img');

// 激活返回顶部插件 
$(function () {
  $.scrollUp({
    animation: 'fade',
    scrollImg: true
  });
});

// loader定时器
$(document).ready(function () {
  setTimeout(function () {
    $("#loader").addClass("hide");
  }, 30000);
});
// 点击进入按钮
$("#closeloader").click(function () {
  $("#loader").addClass("hide");
});
// nav栏样式调整
$('#libabys').first().attr("style", "margin-left: -5px");

$('#libabys').eq(1).attr("style", "margin-left: -5px");
// 友链列表版样式调整
$('.itp-index:odd').attr("style", "float: right;width:48%;");

//文章图片懒加载
lazyLoadInit({
  coverColor: "white",
  coverDiv: "<div style='display: flex; justify-content: center; align-items: center; height: 200px; color: #000000;'><span>优世界·一个记录生活点滴的小站</span></div>",
  offsetBottom: 0,
  offsetTopm: 0,
  showTime: 1100
});


async function fetchCommentsAndCreateBarrager(path, options) {
  try {
      const response = await fetch('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(path));
      const data = await response.json();

      if (!data.data || !data.data.data) {
          console.error('评论数据获取失败');
          return;
      }

      const commentsData = data.data.data;
      const looperTime = options.looper_time || 3000;
      const flattenedComments = flattenComments(commentsData);
      const totalComments = flattenedComments.length;
      let currentIndex = 0;

      // 初始化弹幕插件
      let barrage = new Barrage.default({
          el: 'body',
          backColor:"#000000b5",
          fontSize:"14px",
          isLeft:true,
          speed:0,
          height:"33px"
      });

      if (totalComments !== 0) {
          createBarrager();
      }

      function createBarrager() {
          const currentComment = flattenedComments[currentIndex];
          const barragerItem = {
              headImg: currentComment.avatar + "?s=33" || options.defaultAvatar,
              content: stripHTML(currentComment.orig) || options.defaultInfo,
              href: currentComment.link || options.defaultLink,
              speed: options.speed || 10
          };

          // 发送弹幕
          barrage.start(barragerItem.content, {
              speed: barragerItem.speed,
              headImg: barragerItem.headImg,
              speed:35
          });

          currentIndex++;

          if (currentIndex < totalComments) {
              setTimeout(createBarrager, looperTime);
          }
        
      }

      function stripHTML(html) {
          return html.replace(/<\/?[^>]+(>|$)/g, "");
      }

      function flattenComments(comments) {
          let result = [];
          comments.forEach(function(comment) {
              result.push(comment);
              if (comment.children && comment.children.length > 0) {
                  result = result.concat(flattenComments(comment.children));
              }
          });
          return result;
      }
  } catch (error) {
      console.error('无法获取评论数据', error);
  }
}

// 弹幕函数
function loadBarrager() {
    // 获取当前页面的路径
    var currentPath = "{{ .RelPermalink }}";

    // 只有当 URL 包含 "post" 时才执行弹幕加载逻辑
    if (currentPath.includes("post") || currentPath.includes("says")) {
        // 调用封装的函数
        fetchCommentsAndCreateBarrager(currentPath, {
            looper_time: 3000,                // 每条弹幕的发送间隔，单位毫秒
            defaultAvatar: 'static/default-avatar.png', // 默认头像
            defaultInfo: 'No comment',      // 默认评论内容
            defaultLink: '#',               // 默认用户链接
            speed: 10,                      // 弹幕速度，单位秒
        });
    }
}