昨天晚上搞了一整晚，今天上午9点搞到下午3点。直到下午2点半之前，我的想法都是做一个

1. 给一定条件，在媒体库中选择符合这个条件的图片
2. 随机挑出一张图片
3. 从后端引到前端，这里涉及了一个php里的函数和变量无法在ssc代码里用的问题，所以需要转化
4. 按一次按钮，就把那张图片设为背景界面

第一次研究F12按键之后的元素，即便一直与AI交流学术，也是困难重重。在今天下午2点左右我甚至产生了目眩。

到最后，我认定这个#content中的background:url()的括号中放什么变量都没用，只能直接放链接，于是我放弃了。我直接换成了

1. 挑好几张图片，按顺序排好
2. 按一次按钮，就把下一个图片设为背景界面

鉴于服务器的流量水平十分低下，不点击按钮是不加载下一张图片的。

Argon主题选项–脚本–页尾脚本：

<!-- 1. 按钮HTML -->
<button id="toggleBgBtn" class="fixed-toggle-btn">下一个清晨</button>

<!-- 2. 样式 -->
<style>
.fixed-toggle-btn {
  position: fixed;
  top:75px; 
  right:20px; /* 右上角 */
  z-index:9999;
  padding:12px 24px;
  background-color:rgba(135,206,235,0.5); /* 50%透明天蓝色 */
  color:#333; /* 深灰文字更清晰 */
  border:none;
  border-radius:8px;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(135,206,235,0.4);
  transition:all 0.3s ease;
}
.fixed-toggle-btn:hover {
  background-color:rgba(100,181,246,0.6); /* Hover加深半透明 */
  box-shadow:0 5px 15px rgba(135,206,235,0.6);
  transform:translateY(-2px);
}
.fixed-toggle-btn:active {
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(135,206,235,0.3);
}
@media (max-width:768px) {
	
  .fixed-toggle-btn {padding:10px 20px; font-size:14px; top:50px; right:15px;}
}
</style>

<!-- 3. 换背景命令 -->
<style>
#content::before {
  /* 用CSS变量--bg-url存储背景，默认值为第一张图 */
  background: var(--bg-url, url('https://ihbcz.com/wp-content/uploads/2025/05/1741748331130_.pic_hd-scaled.jpg') center/cover no-repeat);
}
</style>

<!-- 4. 点击按钮事件 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
  const toggleBtn = document.getElementById('toggleBgBtn');
  const contentEl = document.getElementById('content');
  
  if (!toggleBtn || !contentEl) return;

  // --------------------------
  // 替换这里的URL为你的真实图片地址，想加多少张就加多少个元素到数组里！
  // --------------------------
  const bgImages = [
	  'https://ihbcz.com/wp-content/uploads/2025/05/1741748331130_.pic_hd-scaled.jpg',
	  'https://ihbcz.com/wp-content/uploads/2026/01/IMG_0075-scaled-e1767704785967.jpg'
  ];

  let currentIndex = 0; // 初始显示第一张图

  toggleBtn.addEventListener('click', function() {
    // 循环更新索引：+1后取模数组长度（回到开头）
    currentIndex = (currentIndex + 1) % bgImages.length;
    contentEl.style.setProperty(
      '--bg-url', 
      `url('${bgImages[currentIndex]}') center/cover no-repeat`
    );
  });
});
</script>