由AI提供的代码,根据自己博客UI增加样式,如下:

  <div id="linkList" class="grid grid-cols-2 gap-4 my-7"></div>
  <script>
    // 定义链接数据
    var links = [
      { title: '名字', url: '链接' },
      { title: '名字', url: '链接' }
    ];

    // 随机排序链接
    shuffle(links);

    // 输出随机排序后的链接列表
var linkList = document.getElementById('linkList');
for (var i = 0; i < links.length; i++) {
  var anchor = document.createElement('a');
  anchor.href = links[i].url;
  anchor.title = links[i].title;
  anchor.target = "_blank";
  anchor.rel = "noopener";
  anchor.className = "card";
  anchor.textContent = links[i].title;
  linkList.appendChild(anchor);
}

    // 随机排序数组函数
    function shuffle(array) {
      for (var i = array.length - 1; i > 0; i--) {
        var j = Math.floor(Math.random() * (i + 1));
        var temp = array[i];
        array[i] = array[j];
        array[j] = temp;
      }
      return array;
    }
  </script>

给论坛也改了改首页版面,开了列表导航,给顶部留了多一些空间
原版:

新版:

另外新增板块“零回复”,用于展示没有被人评论过的帖子。

退出按钮新增二次确认是否退出,防止误触。

重构用户中心