hexo每日自动获取必应壁纸

本文最后更新于：2024年12月14日下午

hexo每日自动获取必应壁纸

创建必应壁纸页面

新建一个自定义页面，index.md文件添加以下代码

<div class="shengming">
<h3 style="text-align: center;">以下图片均来自必应搜索当日背景壁纸，每日自动获取更新</h3>
</div>

<div class="bing-tk">
</div>
<div id="jiazaiButton" style="text-align: center; margin-top: 20px;">
  <button id="loadMoreButton" class="at_button">加载更多...</button>
</div>
  <script src="/js/av-min.js"></script>
  <script src="/js/app.js"></script>

添加javascript

const bingDiv = document.querySelector('.bing-tk');
const Tuku = AV.Object.extend('tuku');
const query = new AV.Query(Tuku);

let loadedRecordsCount = 0;
const recordsToLoad = 15;
let allRecordsLoaded = false;

if (allRecordsLoaded) {
  loadMoreButton.disabled = true;
  loadMoreButton.textContent = '没有更多啦';
}
const loadMoreButton = document.querySelector('#loadMoreButton');

loadMoreButton.addEventListener('click', () => {
  loadMoreRecords();
});

function loadMoreRecords() {
  if (!allRecordsLoaded) {
    const query = new AV.Query(Tuku);
    query.descending('sj');
    query.limit(recordsToLoad);
    query.skip(loadedRecordsCount);
    query.find().then((tukuRecords) => {
      if (tukuRecords.length > 0) {
        tukuRecords.forEach((record) => {
          const slturl = record.get('slturl');
          const sj = record.get('sj');
          const formattedDate = formatDate(sj);
          const imgurl = record.get('imgurl');
          const htmlContent = `
            <img onload="imgloading(this)" src="${slturl}" style="border-radius: 8px;">
            <p style="padding-top: 5px;">${formattedDate} | <a href="${imgurl}" target="_blank">获取原图</a></p>
          `;
          const newDiv = document.createElement('div');
          newDiv.className = 'bing';
          newDiv.innerHTML = htmlContent;
          bingDiv.appendChild(newDiv);
        });
        loadedRecordsCount += tukuRecords.length;
      } else {
        allRecordsLoaded = true;
        document.querySelector('#loadMoreButton').disabled = true;
        document.querySelector('#loadMoreButton').textContent = '没有更多啦';
      }
    }).catch((error) => {
      console.error('Error fetching tuku records:', error);
    });
  }
}

loadMoreRecords();

function formatDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}