由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>
给论坛也改了改首页版面,开了列表导航,给顶部留了多一些空间
原版:
新版:
另外新增板块“零回复”,用于展示没有被人评论过的帖子。
退出按钮新增二次确认是否退出,防止误触。
重构用户中心
昨天注册了论坛,今天看到了你的博客 停简洁好看的
这个随机排列是加在源码的什么位置,能给个截图吗
每个主题代码不一样,放你友联页面位置就行
零回复有点尴尬,现在改成了打破零回复就很不错
这个栏目可以改为卖米专栏了
我很早之前也把友链改为了随机展示,除了默认把我基友保持第一。
常访问的博客我一般直接输地址
这个博客风格好看,很简约哦
感谢喜欢,博客ui源自莫比乌斯,底部有链接
看来你也在折腾,哈哈
闲着没事想到一出是一出
防止误触....
不错,一点一点优化,你的大佬论坛有2W多帖子了,厉害
日积月累了...