给友链页面改为随机排序

给友链页面改为随机排序

由 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>