<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>118 书签导航 | 个人版</title>
<style>
:root {
--primary: #442FA8; /* 烟雾蓝主色[3] */
--primary-light: #C4A6C8; /* 灰紫辅助色[1][2] */
--accent: #D8A5A5; /* 灰粉跳色[2][3] */
--text: #2D2D2D; /* 深灰文本[1][9] */
--text-light: #8E8E8E; /* 浅灰辅助文本 */
--bg: linear-gradient(135deg, #F5F3EF 0%, #E8E5E0 100%); /* 米灰渐变背景[9] */
--card-bg: rgba(255, 255, 255, 0.85);
--border: rgba(108, 92, 231, 0.15);
--shadow-sm: 0 4px 12px rgba(108, 92, 231, 0.08);
--shadow-md: 0 12px 32px rgba(108, 92, 231, 0.15);
--radius-lg: 16px;
--radius-md: 12px;
--radius-sm: 8px;
--spacing-xl: 40px;
--spacing-lg: 32px;
--spacing-md: 24px;
--spacing-sm: 16px;
--transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@font-face {
font-family: 'Harmony';
src: local('PingFang SC'), local('Microsoft YaHei');
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Harmony', -apple-system, BlinkMacSystemFont, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.6;
min-height: 100vh;
padding-bottom: var(--spacing-xl);
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 var(--spacing-md);
}
/* 头部样式 */
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--spacing-lg) 0;
position: relative;
}
.logo {
display: flex;
align-items: center;
font-size: 1.5rem;
font-weight: 600;
color: var(--primary);
gap: var(--spacing-sm);
}
.logo-icon {
font-size: 1.8rem;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: var(--card-bg);
border-radius: var(--radius-md);
box-shadow: var(--shadow-sm);
backdrop-filter: blur(8px);
}
.search-container {
position: relative;
width: 320px;
}
.search-icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--primary-light);
font-size: 1.1rem;
}
.search-box {
width: 100%;
padding: 12px 20px 12px 48px;
border-radius: var(--radius-lg);
border: none;
background: var(--card-bg);
box-shadow: var(--shadow-sm);
backdrop-filter: blur(8px);
font-size: 0.95rem;
color: var(--text);
transition: var(--transition);
}
.search-box:focus {
outline: none;
box-shadow: 0 0 0 2px var(--primary-light), var(--shadow-md);
}
.search-box::placeholder {
color: var(--primary-light);
}
/* 分类标签 */
.categories {
display: flex;
gap: var(--spacing-sm);
margin-bottom: var(--spacing-lg);
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.category-tab {
padding: 10px 20px;
border-radius: var(--radius-lg);
background: var(--card-bg);
backdrop-filter: blur(8px);
border: 1px solid var(--border);
transition: var(--transition);
cursor: pointer;
font-size: 0.95rem;
font-weight: 500;
white-space: nowrap;
color: var(--text-light);
box-shadow: var(--shadow-sm);
}
.category-tab:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
color: var(--primary);
}
.category-tab.active {
background: var(--primary);
color: white;
box-shadow: 0 8px 24px rgba(108, 92, 231, 0.3);
}
/* 书签网格 - 修改为瀑布流布局 */
.bookmarks-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-auto-rows: min-content; /* 行高由内容决定 */
gap: var(--spacing-md);
margin-bottom: var(--spacing-xl);
align-items: start; /* 防止内容拉伸 */
}
.category-card {
background: var(--card-bg);
border-radius: var(--radius-lg);
padding: var(--spacing-md);
box-shadow: var(--shadow-sm);
backdrop-filter: blur(8px);
border: 1px solid var(--border);
transition: var(--transition);
opacity: 0;
transform: translateY(20px);
animation: fadeInUp 0.6s forwards;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.category-card h3 {
font-size: 1.1rem;
margin-bottom: var(--spacing-sm);
color: var(--primary);
display: flex;
align-items: center;
gap: 8px;
}
/* 瀑布流布局核心修改 */
.submodules-grid {
position: relative;
column-gap: var(--spacing-md);
margin-top: var(--spacing-sm);
}
.sub-module {
background: rgba(255, 255, 255, 0.6);
border-radius: var(--radius-md);
padding: var(--spacing-sm);
border: 1px solid var(--border);
}
.sub-module h4 {
font-size: 0.95rem;
margin-bottom: 12px;
color: var(--text-light);
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
}
/* 书签列表 - 修改为自适应高度 */
.bookmark-list {
display: grid;
gap: 8px;
grid-template-rows: auto; /* 行高由内容决定 */
}
.bookmark-item {
display: flex;
align-items: center;
padding: 10px 12px;
border-radius: var(--radius-sm);
transition: var(--transition);
text-decoration: none;
color: var(--text);
font-size: 0.9rem;
gap: 10px;
background: rgba(255, 255, 255, 0.4);
border: 1px solid transparent;
min-width: 0; /* 新增：允许flex项目收缩 */
}
.bookmark-item:hover {
background: white;
transform: translateX(4px);
box-shadow: var(--shadow-sm);
border-color: var(--border);
color: var(--primary);
}
.bookmark-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
.bookmark-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1; /* 新增：允许文本区域伸缩 */
min-width: 0; /* 新增：允许文本区域收缩 */
}
/* 页脚 */
.footer {
text-align: center;
margin-top: var(--spacing-xl);
color: var(--text-light);
font-size: 0.85rem;
display: flex;
flex-direction: column;
gap: 4px;
}
/* 响应式调整 */
@media (max-width: 768px) {
.submodules-grid {
gap: 12px; /* 移动端缩小间距 */
}
.bookmark-name {
max-width: 180px; /* 移动端限制更小的宽度 */
}
}
@media (max-width: 500px) {
.container {
padding: 0 var(--spacing-sm);
}
.logo {
font-size: 1.2rem;
}
.logo-icon {
width: 40px;
height: 40px;
font-size: 1.5rem;
}
.search-container {
width: 240px;
}
.bookmark-name {
max-width: 140px; /* 小屏幕设备限制更小的宽度 */
}
}
</style>
</head>
<body>
<div class="container">
<header class="header">
<div class="logo">
<span class="logo-icon">📚</span>
<span>118 书签导航 | 个人版</span>
</div>
<div class="search-container">
<span class="search-icon">🔍</span>
<input type="text" class="search-box" placeholder="🔍搜索书签.." id="searchInput">
</div>
</header>
<div class="categories" id="categoryTabs">
<div class="category-tab active">全部</div>
<div class="category-tab">星标⭐</div>
<div class="category-tab">学习必备</div>
<div class="category-tab">信息资源</div>
<div class="category-tab">公司管理</div>
<div class="category-tab">设计资源</div>
<div class="category-tab">智能AI</div>
<div class="category-tab">建模渲染</div>
<div class="category-tab">实用工具</div>
<div class="category-tab">外网合集</div>
<div class="category-tab">娱乐系列</div>
<div class="category-tab">经济系列</div>
<div class="category-tab">HTML小程序</div>
</div>
<div class="bookmarks-grid" id="bookmarksContainer">
<!-- 动态生成内容 -->
</div>
<footer class="footer">
<p>---网页https://www.118180.xyz提供---</p>
<p>---邮箱：156569758@qq.com---</p>
<p>导航-版本：20250424</p>
</footer>
</div>
<script>
// 数据优化
const bookmarksData = [
//...保持原有数据结构不变...
// 新增分类开始大分类---------------------------------------------------------
{
name: "学习必备",
subModules: [
// 原有语言学习模块
{
name: "学习资讯",
icon: "📚", // 新增图标属性
links: [
{name: "中共中央党校", url: "https://www.ccps.gov.cn", icon: "🏛️"},
{name: "公考雷达", url: "https://www.gongkaoleida.com", icon: "📘"},
{name: "学习强国", url: "https://www.xuexi.cn/8e35a343fca20ee32c79d67e35dfca90/7f9f27c65e84e71e1b7189b7132b4710.html?p1=2020-04-23", icon: "📖"},
{name: "53报刊", url: "http://www.53bk.com/baokan", icon: "📰"}
]
},
{
name: "考试系列",
icon: "📝", // 新增图标属性
links: [
{name: "中小学教师资格考试网", url: "http://ntce.neea.edu.cn/html1/folder/1507/1076-1.htm", icon: "📘"},
{name: "一起考教师", url: "http://www.17kjs.com", icon: "📚"},
{name: "洛阳教师招聘", url: "http://tgzp.haedu.cn/dsnews.aspx?ds=410300", icon: "🏫"},
{name: "文武教师招聘网", url: "http://www.wenwu8.com/news/news_12.html", icon: "📢"},
{name: "洛阳人事考试网", url: "http://www.lyhero.com/newslist.aspx?page=1&nodeid=d488e6793e754bb4b2f175478c713a8e", icon: "🏢"},
{name: "郑州人事考试网", url: "http://www.zzrsks.com.cn", icon: "📝"},
{name: "洛阳事业编考试网", url: "http://www.shiyebian.net/henan/luoyang", icon: "📑"
} ]
},
{
name: "学历提升",
icon: "🎓", // 新增图标属性
links: [
{name: "学位外语考试报名系统", url: "http://xsxw.ks365.org/cld/f/stu/login/loginStu", icon: "📝"},
{name: "平顶山学院继续教育学习平台", url: "http://pdsxy.sccchina.net", icon: "🎓"
} ]
},
{
name: "文库＆图书馆",
icon: "🏛️", // 新增图标属性
links: [
{name: "Z-Library", url: "https://zh.1lib.domains/?redirectUrl=/", icon: "📚"},
{name: "书资源地", url: "http://shu.ziyuandi.cn/", icon: "📖"},
{name: "国家开放大学课程", url: "http://le.ouchn.cn/#/externalCourseDetails/ACA030000072587", icon: "🎓"},
{name: "中国知网", url: "https://kns.cnki.net/kns8", icon: "📑"},
{name: "笔杆子家园", url: "http://www.biganzijiayuan.com/home/", icon: "✍️"},
{name: "PubMed", url: "https://pubmed.ncbi.nlm.nih.gov/", icon: "🏥"},
{name: "Hi138范文网", url: "http://www.hi138.com/", icon: "📄"},
{name: "Z-Library登录", url: "https://singlelogin.re/", icon: "🔑"},
{name: "ZBook电子书库", url: "https://zbook.eu.org/", icon: "📚"},
{name: "云展电子书柜", url: "https://pup6.yunzhan365.com/bookcase/jmyr/index.html", icon: "📖"},
{name: "AMiner学术", url: "https://www.aminer.cn/", icon: "📊"},
{name: "SCMor学术导航", url: "https://ac.scmor.com/", icon: "🔍"}
]
},
]
},
// 新增分类分割线-----------------------------
{
name: "信息资源",
subModules: [
// 原有语言学习模块
{
name: "资讯资源",
icon: " 📢", // 新增图标属性
links: [
{name: "Addog导航", url: "https://www.addog.vip", icon: "🌐"},
{name: "热榜今日", url: "https://rebang.today", icon: "📈"},
{name: "Readhub聚合", url: "https://readhub.cn", icon: "📰"},
{name: "爱优不挫资源网", url: "https://aiyoubucuo.com", icon: "🎁"},
{name: "福利码", url: "https://www.207788.xyz", icon: "🎁"},
{name: "恩山无线论坛", url: "https://www.right.com.cn/forum", icon: "📡"},
{name: "吾爱破解论坛", url: "https://www.52pojie.cn/index.php", icon: "🔓"},
{name: "幕后免费资源圈", url: "https://muhou.net/circle/mianfei", icon: "🆓"},
{name: "瑞客论坛", url: "https://www.ruike1.com", icon: "💻"},
{name: "3K8游戏网", url: "https://www.3k8.com", icon: "🎮"},
{name: "IQ生活网导航", url: "http://iqshw.com", icon: "🔗"},
{name: "Dir28资源导航", url: "http://www.dir28.com", icon: "🔗"},
{name: "Dealmoon奖励中心", url: "https://www.dealmoon.com/reward-center", icon: "🎉"},
{name: "界面新闻热点榜", url: "https://www.jiemian.com/lists/4.html", icon: "🔥"}
]
},
{
name: "聚合网站",
icon: "🌐", // 新增图标属性
links: [
{name: "Dlidli资源站", url: "https://dlidli.wang", icon: "📁"},
{name: "Lalala的Lofter博客", url: "https://lalala26787.lofter.com", icon: "✍️"}
]
},
{
name: "云资源工具",
icon: "☁️", // 新增图标属性
links: [
{name: "UP云搜镜像站", url: "https://upyunso3.com", icon: "📦"},
{name: "PanSearch", url: "https://pansearch.long2ice.io", icon: "🔍"},
{name: "猫狸盘搜", url: "https://www.alipansou.com", icon: "🐱"},
{name: "混合盘搜索", url: "https://hunhepan.com", icon: "🔗"},
{name: "大理盘搜索", url: "https://www.dalipan.com/#/main/search?restype=1", icon: "🏔️"},
{name: "UP云搜主站", url: "https://www.upyunso.com", icon: "📦"}
]
}
]
},
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "公司管理",
subModules: [
// 原有语言学习模块
{
name: "印刷系列",
icon: "📄", // 新增图标属性
links: [
{name: "CPC中文印刷社区", url: "http://www.cnprint.org/bbs/index.php", icon: "🏢"},
{name: "52CNP论坛", url: "https://www.52cnp.com/sign.php", icon: "📚"},
{name: "盛大印刷", url: "https://www.sd2000.com", icon: "🖨️"},
{name: "金秋彩印", url: "http://www.jinqiu0371.com", icon: "🎨"},
{name: "彩印快印VIP服务", url: "http://vip.cmykjx.cn/index/login/login.html", icon: "🔒"},
{name: "有福官网", url: "https://www.yofus.com", icon: "🌐"},
{name: "jqsjyw后台库", url: "http://jqsjyw.ys168.com", icon: "📂"}
]
},
{
name: "C端设计工作台",
icon: "🎨", // 新增图标属性
links: [
{name: "猪八戒网商家中心", url: "https://ucenter.zbj.com/tim", icon: "🏢"},
{name: "猪八戒店铺管理", url: "https://zshop.zbj.com/myShop", icon: "🛒"},
{name: "淘宝卖家工作台", url: "https://myseller.taobao.com/home.htm#/index", icon: "🛍️"},
{name: "拼多多服务市场入驻", url: "https://open.pinduoduo.com/application/developer/register/enterprise?id=2&name=%E5%95%86%E5%AE%B6%E6%9C%8D%E5%8A%A1%E5%95%86", icon:
"📦"},
{name: "拼多多商家微信绑定", url: "https://mms.pinduoduo.com/Pdd.html#/bind_wechat", icon: "🔗"},
{name: "折立印用户设计中心", url: "http://diy.zheliyin.com/siteWeb/userCenterJsj/userIndex.do?userPage=userDesign", icon: "🎨"},
{name: "店店兔名片管理", url: "https://diandiantu.com/tools/business_card/list", icon: "📇"},
{name: "K68威客任务平台", url: "https://www.k68.cn", icon: "💼"}
]
},
{
name: "大数据指数",
icon: "📊", // 新增图标属性
links: [
{name: "百度指数", url: "https://index.baidu.com/v2/index.html#/", icon: "📊"},
{name: "巨量算数", url: "https://trendinsight.oceanengine.com/arithmetic-index", icon: "🚀"},
{name: "腾讯商品搜索安全提示", url: "https://wximg.qq.com/mmsearch/commerce/search_caution_page/index.html", icon: "⚠️"},
{name: "中国考试培训网", url: "https://www.cneptp.com/index", icon: "🎓"},
{name: "站长之家关键词指数", url: "https://index.chinaz.com/发烧/30", icon: "🌡️"},
{name: "爱站网", url: "https://www.aizhan.com", icon: "🔍"},
{name: "问财网数据平台", url: "https://www.wrd.cn/login.shtml", icon: "💰"},
{name: "5118大数据", url: "https://www.5118.com", icon: "📈"},
{name: "中国房价行情（洛阳）", url: "https://www.creprice.cn/urban/ly.html", icon: "🏠"}
]
},
{
name: "行业报告",
icon: "📑", // 新增图标属性
links: [
{name: "报告查一查", url: "https://report.seedsufe.com", icon: "📚"},
{name: "洞见研报", url: "https://www.djyanbao.com/index", icon: "📈"},
{name: "每日报告网", url: "https://www.mrbaogao.com", icon: "🔍"}
]
},
{
name: "运营工具集",
icon: "📋", // 新增图标属性
links: [
{name: "淘口令生成工具", url: "https://www.taokouling.com/index/tbtkltoitemid", icon: "🔗"},
{name: "阿里妈妈推广搜索", url: "https://pub.alimama.com/promo/search/index.htm?spm=a219t.11817172.0.dbdddd32d2.4cf06a15AGuS1K", icon: "📈"},
{name: "淘口令PID管理", url: "https://www.taokouling.com/user/pid", icon: "🔧"},
{name: "店侦探商品搜索", url: "https://ci.dianzhentan.com/s/?t=0&k=%E5%90%8D%E7%89%8C", icon: "🔍"},
{name: "看店宝", url: "https://www.kandianbao.com", icon: "👀"},
{name: "淘宝任务平台", url: "http://www.zhangrenqiwang.com/co/task/taobao.html?selected=taobao", icon: "📑"},
{name: "大淘客", url: "https://www.dataoke.com", icon: "🛍️"},
{name: "淘宝AI文案生成", url: "https://chuangyi.taobao.com/pages/aiCopy?spm=a2esx.12365734.0.0.d7132593vS3Qpj", icon: "🤖"},
{name: "淘宝创意中心", url: "https://chuangyi.taobao.com", icon: "🎨"},
{name: "图帮主设计平台", url: "https://www.tubangzhu.com", icon: "🖼️"},
{name: "快发发工具", url: "http://www.kuaifafa1.com", icon: "⚡"},
{name: "参谋数据平台", url: "https://wangcanmou.com/?spm=a2615.7691456.0.0.2ea512bbqu6GfW", icon: "📊"},
{name: "旺旺标记工具", url: "http://www.renqichi.com/tool/WantWantMarking", icon: "📌"}
]
},
{
name: "其他工具",
icon: "📦", // 新增图标属性
links: [
{name: "国家企业信用信息公示系统", url: "https://www.gsxt.gov.cn/index.html", icon: "🏢"},
{name: "企业公示系统年报登录", url: "https://www.gsxt.gov.cn/annual-login.html", icon: "📝"},
{name: "感叹号VIP服务平台", url: "https://gantanhao.vip/gth/#/login", icon: "🔑"},
{name: "号卡服务注册平台", url: "https://haoka.lot-ml.com/reg.html", icon: "📱"},
{name: "CSDN企业公示系统操作指南", url: "https://blog.csdn.net/weixin_30808253/article/details/94851669", icon: "📚"}
]
}
]
},
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "设计资源",
subModules: [
// 原有语言学习模块
{
name: "设计素材网",
icon: "🖼️", // 新增图标属性
links: [
{name: "千图网", url: "http://www.58pic.com", icon: "📚"},
{name: "包图网", url: "https://ibaotu.com", icon: "👜"},
{name: "千库网", url: "http://588ku.com", icon: "🖼️"},
{name: "必图360", url: "https://bitu360.com", icon: "🌐"},
{name: "六图网", url: "http://616pic.com", icon: "📷"},
{name: "素材999", url: "https://www.sucai999.com", icon: "📂"},
{name: "爱给网", url: "http://www.aigei.com/design/template", icon: "🎵"},
{name: "图品汇", url: "http://www.tooopen.com", icon: "🏢"},
{name: "素材中国", url: "http://www.sccnn.com", icon: "🎨"},
{name: "懒人图库", url: "http://www.lanrentuku.com", icon: "📦"},
{name: "Freepik", url: "https://www.freepik.com", icon: "✏️"},
{name: "Vecteezy", url: "https://www.vecteezy.com", icon: "🖌️"},
{name: "Dribbble", url: "https://dribbble.com", icon: "🏀"},
{name: "Behance", url: "https://www.behance.net", icon: "🎨"},
{name: "字素网", url: "https://www.zs9.com", icon: "🔤"},
{name: "自然资源部标准地图服务", url: "http://bzdt.ch.mnr.gov.cn", icon: "🗺️"}
]
},
{
name: "png透明素材",
icon: "✨", // 新增图标属性
links: [
{name: "觅元素", url: "http://www.51yuansu.com", icon: "✂️"},
{name: "Pngimg", url: "https://pngimg.com", icon: "🖼️"},
{name: "SubPNG", url: "https://www.subpng.com", icon: "🎭"}
]
},
{
name: "图标库",
icon: "🔘", // 新增图标属性
links: [
{name: "Iconfinder", url: "https://www.iconfinder.com", icon: "🔍"},
{name: "Picaboo素材库", url: "https://pic-aboo.com", icon: "🖼️"},
{name: "阿里巴巴矢量图标库", url: "https://www.iconfont.cn", icon: "🎏"},
{name: "Iconify开源库", url: "https://icones.js.org", icon: "🛠️"},
{name: "Iconify图标集", url: "https://icon-sets.iconify.design", icon: "📦"}
]
},
{
name: "矢量＆样机",
icon: "🌈", // 新增图标属性
links: [
{name: "365PSD", url: "https://365psd.com", icon: "📅"},
{name: "68Design案例库", url: "http://sc.68design.net/sl", icon: "📚"},
{name: "Mockup World", url: "https://www.mockupworld.co", icon: "🖼️"}
]
},
{
name: "高清照片图库",
icon: "📸", // 新增图标属性
links: [
{name: "多搜搜，免费图片搜索", url: "http://duososo.com/site/pic", icon: "🔍"},
{name: "堆糖素材", url: "https://www.duitang.com", icon: "🍬"},
{name: "Unsplash", url: "https://unsplash.com", icon: "🌅"},
{name: "CC0中国", url: "https://www.cc0.cn", icon: "🇨🇳"},
{name: "Veer图库", url: "https://free.veer.com", icon: "🖼️"},
{name: "Pexels", url: "https://www.pexels.com/zh-cn", icon: "📸"},
{name: "Pixabay", url: "https://pixabay.com", icon: "🖼️"},
{name: "StockSnap", url: "https://stocksnap.io", icon: "📷"},
{name: "Wallhaven壁纸", url: "https://wallhaven.cc", icon: "🖥️"},
{name: "PhotoAC", url: "https://photo-ac.com/tw", icon: "📸"},
{name: "XFrame素材", url: "https://xframe.io", icon: "🎞️"},
{name: "Reshot创意库", url: "https://www.reshot.com", icon: "💡"},
{name: "Designspiration灵感", url: "https://www.designspiration.com", icon: "🎨"},
{name: "4K壁纸精选", url: "https://4k.wpcoder.cn/category/风景", icon: "🏞️"}
]
},
{
name: "字体网站",
icon: "🔠", // 新增图标属性
links: [
{name: "TextFonts", url: "https://textfonts.net", icon: "📝"},
{name: "新手厚字体", url: "http://novicehou.gz01.bdysite.com", icon: "🆕"},
{name: "自由字体网", url: "http://ziyouziti.com", icon: "✒️"},
{name: "求字体网", url: "http://www.qiuziti.com", icon: "🔍"},
{name: "字体传奇导航", url: "https://hao.ziticq.com", icon: "🎖️"},
{name: "字体网", url: "http://www.fonts.net.cn/commercial-free-32767/fonts-zh-1.html", icon: "🖋️"},
{name: "字体家", url: "https://www.zitijia.com", icon: "🏠"},
{name: "大字体站", url: "https://bigfontsite.com/fonts/avantgardeitcbybt-book.html", icon: "🔠"},
{name: "字体下载站", url: "http://zitixiazai.taofont.com", icon: "📥"},
{name: "字魂网", url: "https://zfont.cn/ali", icon: "👻"},
{name: "字体模因", url: "https://fontmeme.com/ziti", icon: "🖋️"},
{name: "字客网识别", url: "https://hant.likefont.com/community/105810728/identify", icon: "🔎"},
{name: "免费字体库", url: "https://wangchujiang.com/free-font", icon: "🆓"}
]
},
{
name: "创意灵感",
icon: "💡", // 新增图标属性
links: [
{name: "视觉ME社区", url: "http://www.shijue.me", icon: "👁️"},
{name: "花瓣网", url: "http://huaban.com", icon: "🌸"},
{name: "站酷ZCOOL", url: "http://www.zcool.com.cn", icon: "🎨"},
{name: "堆糖灵感库", url: "https://www.duitang.com/blog/?id=674259147", icon: "🍬"},
{name: "InspirationGrid", url: "https://theinspirationgrid.com/search", icon: "💡"},
{name: "优设网配色工具", url: "http://color.uisdc.com", icon: "🎨"},
{name: "PSVIP灵感库", url: "https://photoshopvip.net/inspiration", icon: "🖌️"},
{name: "Palettable配色", url: "https://www.palettable.io/E3B89E", icon: "🌈"},
{name: "Notefolio精选", url: "https://notefolio.net/?type=pick&term=all&is_only_pro=0&keywords=J7", icon: "📚"},
{name: "门牙设计社区", url: "https://www.doooor.com", icon: "🚪"},
{name: "UECook作品集", url: "http://uecook.com/works", icon: "🍳"},
{name: "Colpat仪表盘", url: "https://colpat.itsvg.in/dashboard", icon: "📊"},
{name: "Mockups设计资源", url: "https://mockups-design.com", icon: "📱"},
]
},
{
name: "美工工具集",
icon: "🎭", // 新增图标属性
links: [
{name: "稿定电商装修工具", url: "https://www.gaoding.com/dianshang/zhuangxiu", icon: "🛍️"},
{name: "创客贴教育平台", url: "http://edu.chuangkit.com/portal.php?mod=view&aid=100", icon: "🎓"},
{name: "Fotor设计大赛", url: "https://www.fotor.com.cn/event/contribution.html", icon: "🏆"},
{name: "90设计工具库", url: "http://90sheji.com/gongju", icon: "🛠️"},
{name: "一秒美工淘宝装修", url: "https://yimiaomeigong.com/tool/taobao/index.php", icon: "⚡"},
{name: "一秒美工1688装修", url: "https://yimiaomeigong.com/tool/1688/index2.php", icon: "🏭"},
{name: "品如电商模板库", url: "http://www.ipinru.com/ali/p_v3.html", icon: "📦"},
{name: "优设灵感库", url: "http://www.goldarts.cn", icon: "💎"},
{name: "Hishop电商学院", url: "https://www.hishop.com.cn/ecschool/xsjc/show_13664.html", icon: "📚"},
{name: "VectorPea矢量库", url: "https://www.vectorpea.com", icon: "🌿"},
{name: "BGSub智能抠图", url: "https://bgsub.cn/webapp", icon: "🎭"},
{name: "Remove.bg去背景", url: "https://remove.photos", icon: "🔍"}
]
},//创意灵感开始更改
{
name: "设计工具集",
icon: "🍃", // 新增图标属性
links: [
{name: "稿定PS在线版", url: "https://ps.gaoding.com/#/", icon: "🖥️"},
{name: "Icons8图片增强工具", url: "https://icons8.com/upscaler", icon: "🔼"},
{name: "Bigjpg无损放大", url: "https://bigjpg.com", icon: "🖼️"},
{name: "UpscalePics图像修复", url: "https://upscalepics.com", icon: "🔍"},
{name: "Adobe色轮配色工具", url: "https://color.adobe.com/zh/create/color-wheel", icon: "🎨"},
{name: "VectorMagic矢量化", url: "https://vectormagic.com", icon: "🔄"},
{name: "Remove.bg在线去背", url: "https://www.remove.bg/zh/upload", icon: "✂️"},
{name: "支付宝情感化设计", url: "https://design.alipay.com/emotion", icon: "💖"},
{name: "Pictogram2图标生成", url: "http://pictogram2.com", icon: "🖼️"},
{name: "Snowflaker雪花生成器", url: "https://www.misha.studio/snowflaker", icon: "❄️"},
{name: "凤凰设计工具库", url: "https://ifengui.com/index.html", icon: "🎨"},
{name: "PDF24全能工具箱", url: "https://tools.pdf24.org/zh", icon: "📄"},
{name: "Artboard在线设计", url: "https://app.artboard.studio/projects/new", icon: "🎨"},
{name: "UI渐变配色库", url: "https://uigradients.com/#BetweenTheClouds", icon: "🌈"}
]
},
{
name: "LOGO灵感",
icon: "🌐", // 新增图标属性
links: [
{name: "Logopond", url: "https://logopond.com", icon: "🎨"},
{name: "Logospire", url: "https://logospire.com", icon: "✨"},
{name: "LOL Colors", url: "https://www.webdesignrankings.com/resources/lolcolors", icon: "🌈"},
{name: "Logent", url: "https://logent.ai/zh", icon: "🤖"}
]
},
{
name: "设计论坛＆教程",
icon: "🌐", // 新增图标属性
links: [
{name: "照片处理网", url: "http://bbs.photops.com", icon: "📷"},
{name: "人人素材", url: "https://www.rrcg.cn", icon: "🎨"},
{name: "良之尚设计素材", url: "https://www.liangzhishanyang.com", icon: "🖌️"},
{name: "Photoshop Lady", url: "https://www.photoshoplady.com", icon: "💡"},
{name: "豆瓣PS教程", url: "https://www.douban.com/note/327083243", icon: "📚"},
{name: "优优教程网", url: "https://uiiiuiii.com/photoshop", icon: "✏️"},
{name: "百度贴吧PS交流", url: "https://tieba.baidu.com/p/4964634318", icon: "👥"},
{name: "微信PS教程", url: "https://mp.weixin.qq.com/s/vbazhP729Bxb9bDDMPTTRg", icon: "💬"}
]
},
{
name: "多媒体运营系",
icon: "🌐", // 新增图标属性
links: [
{name: "Wedistill", url: "https://wedistill.io", icon: "🎥"},
{name: "Videezy", url: "https://www.videezy.com", icon: "🎞️"},
{name: "PremiumBeat", url: "https://www.premiumbeat.com/zh", icon: "🎵"},
{name: "Videvo", url: "https://www.videvo.net", icon: "📹"},
{name: "优优教程-知识库", url: "https://uiiiuiii.com/knowledge/1212122079", icon: "📚"},
{name: "优优视频编辑教程", url: "https://uiiiuiii.com/videoedit", icon: "✂️"},
{name: "优优AE教程", url: "https://uiiiuiii.com/aftereffects/12121499", icon: "🎬"},
{name: "Tosound音效库", url: "https://www.tosound.com/search/word-雪花", icon: "❄️"},
{name: "SoundGator", url: "https://www.soundgator.com", icon: "🎧"},
{name: "Freepik矢量素材", url: "https://www.freepik.com/free-vector/realistic-feather-transparent-set_15330891", icon: "🖼️"}
]
},
]
},// 设计资源-----------------------------
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "智能AI",
subModules: [
// 原有语言学习模块
{
name: "AI 语言模型",
icon: "💬", // 新增图标属性
links: [
{name: "浙大智能对话", url: "https://chat.zju.edu.cn", icon: "🎓"},
{name: "闻小白AI", url: "https://www.wenxiaobai.com/chat/tourist", icon: "🤖"},
{name: "当贝AI助手", url: "https://ai.dangbei.com/chat", icon: "💡"},
{name: "匿名聊天室", url: "https://233.gay/#/chat", icon: "🕶️"},
{name: "必应镜像版", url: "https://bing.vcanbb.top", icon: "🔍"},
{name: "讯飞星火", url: "https://xinghuo.xfyun.cn/desk", icon: "🔥"},
{name: "通义法睿", url: "https://tongyi.aliyun.com/farui", icon: "⚖️"},
{name: "Chat100", url: "https://chat100.ai/zh-CN/app", icon: "💬"},
{name: "极简AI聊天", url: "https://chat05.a1r.cc", icon: "🖥️"},
{name: "ChatBox", url: "https://web.chatboxai.app", icon: "📦"},
{name: "GK智能对话", url: "https://chat.gking.me", icon: "👑"},
{name: "Bot问答引擎", url: "https://chat.botqna.com", icon: "🔧"},
{name: "通义千问Plus", url: "https://chat.qwen.ai", icon: "🌌"},
{name: "SkyCG工具站", url: "https://cgs.skybyte.me", icon: "🛠️"}
]
},
{
name: "AI智能工具",
icon: "✨", // 新增图标属性
links: [
{name: "腾讯禅视频", url: "https://zenvideo.qq.com", icon: "🎥"},
{name: "Pixian AI", url: "https://pixian.ai", icon: "🤖"},
{name: "元法律AI", url: "https://ai-lawyer.yuanx.me", icon: "⚖️"},
{name: "97文案网", url: "https://97wenan.com", icon: "📝"},
{name: "Flair设计工具", url: "https://flair.ai", icon: "🎨"},
{name: "Futurepedia", url: "https://www.futurepedia.io", icon: "📚"},
{name: "VITS2中文语音", url: "https://github.com/KevinWang676/VITS2-Chinese", icon: "🔊"},
{name: "硅基流动云平台", url: "https://cloud.siliconflow.cn", icon: "☁️"},
{name: "Trae智研", url: "https://www.trae.com.cn", icon: "🔍"},
{name: "Vectorizer", url: "https://vectorizer.cn", icon: "🖼️"}
]
},
{
name: "AI绘图系列",
icon: "🎨", // 新增图标属性
links: [
{name: "Civitai模型库", url: "https://civitai.com", icon: "🤖"},
{name: "力力AI", url: "https://www.liblib.ai", icon: "🎨"},
{name: "AI Gallery", url: "https://www.aigallery.top", icon: "🖼️"},
{name: "XTimes AI教程", url: "https://www.xtimesai.com", icon: "💡"},
{name: "TusiArt-SDXL专题", url: "https://tusiart.com", icon: "🎭"},
{name: "Diffusion客户端", url: "https://github.com/AllenTom/diffusion-client", icon: "🔧"},
{name: "优设网ComfyUI教程", url: "https://www.uisdc.com", icon: "📚"},
{name: "优界网AI教程", url: "https://www.uied.cn", icon: "✏️"}
]
},
{
name: "AI相关教程",
icon: "📚", // 新增图标属性
links: [
{name: "B站视频", url: "https://www.bilibili.com", icon: "🎥"},
{name: "XTimes AI教程", url: "https://www.xtimesai.com", icon: "💡"},
{name: "优界网AI教程", url: "https://www.uied.cn", icon: "✏️"}
]
},
{
name: "MJ＆绘图相关工具",
icon: "🖌️", // 新增图标属性
links: [
{name: "AI教练-Midjourney", url: "https://aijiaolian.chat/midjourney", icon: "🤖"},
{name: "Wolfchen资源站", url: "http://wolfchen.top", icon: "🏷️"},
{name: "MJ参考代码库", url: "https://mjsrefcode.com", icon: "🧩"},
{name: "Midjourney指令手册", url: "https://zl49so8lbq.feishu.cn/wiki/wikcn5xErT0r0KlluyOur0an2yb", icon: "📖"},
{name: "BZU智能对话", url: "https://bzu.cn/chat", icon: "💬"},
{name: "AI绘画工坊", url: "https://vip8.1ai.ink/painting", icon: "🎨"},
{name: "Raphael设计器", url: "https://raphael.app/zh", icon: "✏️"},
{name: "AutoDraw", url: "https://www.autodraw.com", icon: "🖌️"},
{name: "Comflowy工作台", url: "https://www.comflowy.com/zh-CN/space", icon: "🚀"},
{name: "TusiArt", url: "https://tusiart.com", icon: "🎨"},
{name: "OAI Chat演示", url: "https://chat1.oaichat.cc", icon: "💡"}
]
},
{
name: "AI声音",
icon: "🔊", // 新增图标属性
links: [
{name: "AIsing", url: "https://aising.ing", icon: "🎵"},
{name: "Suno音乐生成", url: "https://suno.com", icon: "🎶"},
{name: "Suno提示词库", url: "https://sunoprompt.com/zh", icon: "💡"},
{name: "左岸工具箱", url: "https://t.leftsite.cn", icon: "🧰"},
{name: "AI语音生成器", url: "https://ai-speaker.net", icon: "🔊"}
]
},
{
name: "静态托管平台",
icon: "☁️", // 新增图标属性
links: [
{name: "OpenI启智社区", url: "https://openi.cn", icon: "🤖"},
{name: "腾讯云EdgeOne Pages", url: "https://console.cloud.tencent.com/edgeone/pages", icon: "☁️"},
{name: "GitHub", url: "https://github.com", icon: "🐙"},
{name: "Spaceship开发工具", url: "https://www.spaceship.com", icon: "🚀"}
]
},
]
},// 25日更新-----------------------------智能AI系列
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "建模渲染",
subModules: [
// 原有语言学习模块
{
name: "室内案例库",
icon: "🏠", // 新增图标属性
links: [
{name: "DECOmyplace", url: "https://decomyplace.com", icon: "🏠"},
{name: "Homeadore", url: "https://homeadore.com", icon: "🌍"},
{name: "Leibal", url: "https://leibal.com", icon: "📐"}
]
},
{
name: "建模资源",
icon: "📐", // 新增图标属性
links: [
{name: "C4D之家", url: "https://www.c4d.cn", icon: "🎨"},
{name: "C4DSKY", url: "https://c4dsky.com", icon: "📚"},
{name: "Blender中国社区", url: "https://www.blendercn.org", icon: "🇨🇳"},
{name: "Blender MX", url: "https://www.blendermx.com", icon: "🌮"},
{name: "Poly Haven", url: "https://polyhaven.com", icon: "🖼️"},
{name: "RefractiveIndex.INFO", url: "https://refractiveindex.info", icon: "🔍"}
]
},
]
},// 新增分类 -----------------------------建模渲染
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "实用工具",
subModules: [
// 原有语言学习模块
{
name: "软件下载网",
icon: "🖥️", // 新增图标属性
links: [
{name: "软仓", url: "https://www.ruancang.net", icon: "📦"},
{name: "爱纯净", url: "http://www.aichunjing.com", icon: "💻"},
{name: "3987工业品库", url: "http://www.3987.com", icon: "🔧"},
{name: "果核剥壳", url: "https://www.ghpym.com", icon: "🍎"},
{name: "RSLoad软件库", url: "https://rsload.net", icon: "🔄"},
{name: "米品软件库", url: "https://www.mpyit.com/category/pcsoft", icon: "📚"},
{name: "六音流量站", url: "https://www.sixyin.com", icon: "📱"},
{name: "六音资源站", url: "https://6yso.com", icon: "🎵"}
]
},
{
name: "机顶盒系列",
icon: "📺", // 新增图标属性
links: [
{name: "Owen TV接口站", url: "https://owen2000wy.github.io", icon: "📺"},
{name: "WMSIO资源站", url: "http://www.wmsio.cn", icon: "🌐"},
{name: "EP软件激活库", url: "https://www.epinv.com", icon: "🔑"},
{name: "电视索引", url: "https://iptvindex.com", icon: "📡"},
{name: "TVAPK应用库", url: "https://github.com/Archmage83/tvapk", icon: "📦"}
]
},
{
name: "网盘系列",
icon: "☁️", // 新增图标属性
links: [
{name: "奶牛快传", url: "https://cowtransfer.com", icon: "📦"},
{name: "阿里云盘", url: "https://www.aliyundrive.com", icon: "☁️"},
{name: "百度网盘", url: "https://pan.baidu.com", icon: "🐾"},
{name: "PanDownload", url: "https://pandownload.net/index.html", icon: "⚡"},
{name: "139云盘", url: "https://yun.139.com/w", icon: "📱"},
{name: "天翼云盘", url: "https://cloud.189.cn/main.action", icon: "📡"},
{name: "115网盘", url: "https://115.com", icon: "🔒"},
{name: "UC网盘", url: "https://fast.uc.cn", icon: "🚀"},
{name: "阿里云盘第三方客户端", url: "https://github.com/gaozhangmin/aliyunpan", icon: "🐱"},
{name: "XBY资源站", url: "https://xbysite.pages.dev/download", icon: "📥"}
]
},
{
name: "代码脚本",
icon: "💻", // 新增图标属性
links: [
{name: "脚本之家", url: "https://www.zhaojiaoben.cn", icon: "📜"},
{name: "ScriptCat脚本库", url: "https://scriptcat.org/search", icon: "🐱"},
{name: "Tampermonkey官网", url: "https://www.tampermonkey.net", icon: "🐒"},
{name: "Greasy Fork脚本库", url: "https://greasyfork.org/zh-CN/scripts", icon: "🍴"},
{name: "CSDN技术社区", url: "https://www.csdn.net", icon: "💻"},
{name: "W3School浮动教程", url: "https://www.w3school.com.cn/css/css_positioning_floating.asp", icon: "🎓"},
{name: "菜鸟教程HTML入门", url: "https://www.runoob.com/html/html-intro.html", icon: "🐤"},
{name: "讯代理用户中心", url: "http://www.xdaili.cn/usercenter/order", icon: "🛡️"},
{name: "懒人资源之家", url: "https://www.lanrenzhijia.com/tab", icon: "🛋️"},
{name: "SD提示词整合库", url: "https://gitee.com/physton/sd-webui-prompt-all-in-one", icon: "🤖"},
{name: "Transfer.zip文件快传", url: "https://transfer.zip", icon: "📤"},
{name: "CSDN登录入口", url: "https://passport.csdn.net/login?code=applets", icon: "🔑"},
{name: "ClouDNS域名服务", url: "https://www.cloudns.net/main/lang/chs", icon: "🌐"},
{name: "BI数据分析平台", url: "https://bi.cool/project/BhcjUat", icon: "📊"}
]
},
{
name: "小工具",
icon: "🛠️", // 新增图标属性
links: [
{name: "爱拼音转换", url: "https://www.aies.cn/pinyin.htm", icon: "📖"},
{name: "DeepL翻译", url: "https://www.deepl.com/translator", icon: "🌐"},
{name: "CPU天梯图", url: "https://topic.expreview.com/CPU", icon: "📊"},
{name: "超能网", url: "https://www.expreview.com", icon: "🔧"},
{name: "HTML22前端库", url: "http://www.html22.com/zh", icon: "🖥️"},
{name: "图片工具箱", url: "https://imagestool.com/zh_CN", icon: "🖼️"},
{name: "HEIC转JPG工具", url: "https://www.apowersoft.cn/heic-to-jpg", icon: "🔄"},
{name: "985教育资源站", url: "https://www.985.so", icon: "🎓"},
{name: "微博视频解析", url: "http://www.weibovideo.com", icon: "🎬"},
{name: "钉钉企典", url: "https://dingtalk.com/qidian", icon: "📇"},
{name: "京东小白信用", url: "https://icredit.jd.com", icon: "💳"},
{name: "在线网格纸生成器", url: "http://www.mygraphpaper.com", icon: "📏"},
{name: "VMOS虚拟系统", url: "http://www.vmos.cn", icon: "📱"},
{name: "腾讯帧享视频", url: "https://zenvideo.qq.com/home", icon: "🎥"},
{name: "搜狗AI升卡平台", url: "https://shengka.ai.sogou.com", icon: "🤖"},
{name: "Toptopn快递查询", url: "https://courier.toptopn.com", icon: "📦"},
{name: "3k技术社区", url: "https://www.3kjs.com/topic/15519.html", icon: "💡"},
{name: "CPU性能排行榜", url: "http://topcpu.net/cpu-c", icon: "🏆"},
{name: "法律参考书库", url: "https://lawrefbook.github.io", icon: "⚖️"},
{name: "HM图片存储库", url: "https://img.hmvod.cc", icon: "🖼️"}
]
},
{
name: "PDF工具箱",
icon: "📄", // 新增图标属性
links: [
{name: "凹凸凹全能转换", url: "https://www.alltoall.net", icon: "🔄"},
{name: "Online2PDF转换器", url: "https://online2pdf.com/oxps-to-pdf", icon: "📄"},
{name: "SmallPDF解锁工具", url: "https://smallpdf.com/cn/unlock-pdf", icon: "🔓"},
{name: "OFD转PDF工具", url: "https://www.ofd.cn/domConversionOfd:ofdtopdf", icon: "📑"},
{name: "PDF派全能转换", url: "https://www.pdfpai.com", icon: "📊"},
{name: "135全能工具箱", url: "https://www.135tool.cn", icon: "🧰"},
{name: "67即时工具库", url: "https://www.67tool.com", icon: "⚙️"}
]
},
]
},
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "外网合集",
subModules: [
// 原有语言学习模块
{
name: "外网集",
icon: "🌐", // 新增图标属性
links: [
{name: "峰哥资源库", url: "https://zzzzzz.me", icon: "📂"},
{name: "DeepL翻译", url: "https://www.deepl.com/zh/translator", icon: "🌐"},
{name: "谷歌搜索", url: "https://www.google.com.hk", icon: "🔍"},
{name: "Pinterest灵感库", url: "https://www.pinterest.com", icon: "📌"},
{name: "Instagram", url: "https://www.instagram.com/accounts/login", icon: "📸"},
{name: "Wormhole跨链工具", url: "https://wormhole.app", icon: "🔄"},
{name: "Visual Capitalist数据可视化", url: "https://www.visualcapitalist.com", icon: "📊"},
{name: "Miko翻译", url: "https://chatmiko.com", icon: "🤖"}
]
},
]
},
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "娱乐系列",
subModules: [
// 原有语言学习模块
{
name: "音乐＆视频",
icon: "🎥", // 新增图标属性
links: [
{name: "金山文档协作链接", url: "https://www.kdocs.cn/l/cv6LzhjCotVn", icon: "📝"},
{name: "Pan666网盘", url: "https://pan666.net", icon: "☁️"},
{name: "FreeOK追剧", url: "https://www.freeok.vip", icon: "📺"},
{name: "YYeTs字幕组归档库", url: "https://yyets.dmesg.app/home", icon: "🎬"},
{name: "字幕库", url: "https://zimuku.org", icon: "📜"},
{name: "Cangkus资源圈", url: "https://www.cangkus.com", icon: "🔗"},
{name: "Oshen种子库", url: "http://www.oshen.win/torrents.php", icon: "🌐"},
{name: "音乐客", url: "http://www.yinyueke.net", icon: "🎵"},
{name: "Adobe播客增强", url: "https://podcast.adobe.com/enhance", icon: "🎙️"},
{name: "在线提词器", url: "https://cn.teleprompter-online.com", icon: "📃"},
{name: "CHN奈飞镜像", url: "https://chnnetflix.com", icon: "🎥"},
{name: "蚂蚁4K影视", url: "https://www.mayi4k.com", icon: "📽️"},
{name: "HD魔力影院", url: "https://www.hdmoli.com", icon: "🎬"},
{name: "Coke影视", url: "https://cokemv.me", icon: "🍿"},
{name: "HiFi音乐论坛", url: "https://www.hifini.com", icon: "🎶"},
{name: "搜片影视", url: "https://soupian.pro", icon: "🔍"},
{name: "果核音乐库", url: "https://ghyinyue.com", icon: "🍎"},
{name: "OpenYYY资源站", url: "https://openyyy.com", icon: "🌐"}
]
},
{
name: "游戏资源",
icon: "🌐", // 新增图标属性
links: [
{name: "老曲张游戏库", url: "https://laoquzhang.com", icon: "🎮"},
{name: "小叽资源站", url: "https://steamzg.com", icon: "🕹️"},
{name: "GBT乐赏游戏库", url: "http://gbtgame.ysepan.com", icon: "🎮"},
{name: "3DM手游专区", url: "https://shouyou.3dmgame.com", icon: "📱"},
{name: "CurseForge模组平台", url: "https://www.curseforge.com", icon: "🛠️"},
{name: "宝藏游戏库", url: "https://game.baozangdh.com", icon: "🎁"},
{name: "ByRutor俄游库", url: "https://thebyrut.org", icon: "🇷🇺"},
{name: "老男人游戏网", url: "https://www.oldmantvg.net", icon: "👴"},
{name: "Yuzu模拟器PC版", url: "https://aleixz.github.io/yuzupc.html", icon: "🍋"},
{name: "TDTD聊天站", url: "https://tdtd.chat/index", icon: "💬"},
{name: "PCGameWorld", url: "https://www.pcgamew.com", icon: "💻"}
]
},
{
name: "小说",
icon: "🌐", // 新增图标属性
links: [
{name: "24hBook电子书库", url: "https://24hbook.com", icon: "📚"},
{name: "Book-Searcher索引库", url: "https://book-searcher.eu.org", icon: "🔍"},
{name: "iBooks中文镜像站", url: "https://ibooks.org.cn", icon: "📖"},
{name: "EPUB转AZW工具", url: "https://www.aconvert.com/cn/ebook/epub-to-azw", icon: "🔄"},
{name: "盐选小说解析站", url: "https://ifun.cool/zhihuyanxuan", icon: "📜"},
{name: "Onehu资源聚合库", url: "https://onehu.xyz/page2", icon: "📦"},
{name: "语雀知识管理库", url: "https://www.yuque.com/dayuyu-ualcu/azo1ge", icon: "🗂️"},
{name: "CBGE盐选专区", url: "https://yx.cbge.top", icon: "📑"},
{name: "盐神阁官网", url: "https://ysg0.com", icon: "🏯"},
{name: "Nicestory故事集", url: "https://nicestory.net", icon: "📖"}
]
},
{
name: "其他",
icon: "🌐", // 新增图标属性
links: [
{name: "弘电脑", url: "https://app.honpc.com", icon: "☁️"},
{name: "移动云手机", url: "https://cloudphoneh5.buy.139.com", icon: "📱"},
{name: "FreeOK追剧", url: "https://www.freeok.vip", icon: "📺"}
]
},
]
},
// 新增分类结束大分类-----------------------------上面娱乐模块
// 新增分类分割线-----------------------------
{
name: "经济系列",
subModules: [
// 原有语言学习模块
{
name: "股市",
icon: "📈", // 新增图标属性
links: [
{name: "大盘云图", url: "https://dapanyuntu.com", icon: "📈"}
]
},
]
},
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "HTML小程序",
subModules: [
// 原有语言学习模块
{
name: "网页工具箱",
icon: "🌐", // 新增图标属性
links: [
{name: "薪资计算器", url: "subfolder/child.html", icon: "💰"},
{name: "拼豆小游戏", url: "subfolder/拼豆小游戏.html", icon: "🎨"}
]
},
]
},
// 新增分类结束大分类-----------------------------
// 新增分类分割线-----------------------------
{
name: "星标⭐",
subModules: [
// 原有语言学习模块
{
name: "星标网址",
icon: "🌟", // 新增图标属性
links: [
{name: "中共中央党校", url: "https://www.ccps.gov.cn", icon: "🏛️"},
{name: "学习强国", url: "https://www.xuexi.cn/8e35a343fca20ee32c79d67e35dfca90/7f9f27c65e84e71e1b7189b7132b4710.html?p1=2020-04-23", icon: "📖"},
{name: "53报刊", url: "http://www.53bk.com/baokan", icon: "📰"}
]
},
]
},
// 新增分类结束大分类-----------------------------
// 新增分类结束
];
// 瀑布流布局计算函数
function layoutWaterfall() {
const container = document.querySelector('.submodules-grid');
const cards = document.querySelectorAll('.sub-module');
const columnCount = window.innerWidth < 768 ? 2 : (window.innerWidth < 500 ? 1 : 3);
const columnWidth = (100 / columnCount).toFixed(2) + '%';
const columnGap = parseInt(getComputedStyle(container).columnGap) || 24;
// 重置容器高度和卡片位置
container.style.height = 'auto';
cards.forEach(card => {
card.style.position = 'static';
card.style.width = columnWidth;
});
// 计算每列高度
const columnHeights = new Array(columnCount).fill(0);
cards.forEach(card => {
const minHeight = Math.min(...columnHeights);
const columnIndex = columnHeights.indexOf(minHeight);
// 设置卡片位置
card.style.position = 'absolute';
card.style.left = `${columnIndex * (parseFloat(columnWidth) + columnGap)}%`;
card.style.top = `${minHeight}px`;
// 更新列高度
columnHeights[columnIndex] += card.offsetHeight + columnGap;
});
// 设置容器最终高度
container.style.height = `${Math.max(...columnHeights)}px`;
}
// 数据渲染函数
function renderBookmarks() {
const container = document.getElementById('bookmarksContainer');
bookmarksData.forEach((category, index) => {
const card = document.createElement('div');
card.className = 'category-card';
card.style.animationDelay = `${index * 0.1}s`;
card.innerHTML = `
<h3>${category.icon || '📁'} ${category.name}</h3>
<div class="submodules-grid">
${category.subModules.map(sub => `
<div class="sub-module">
<h4>${sub.icon} ${sub.name}</h4>
<div class="bookmark-list">
${sub.links.map(link => `
<a href="${link.url}" class="bookmark-item" target="_blank">
<span class="bookmark-icon">${link.icon}</span>
<span class="bookmark-name">${link.name}</span>
</a>
`).join('')}
</div>
</div>
`).join('')}
</div>
`;
container.appendChild(card);
// 渲染后立即计算布局
setTimeout(layoutWaterfall, 100);
});
}
// 分类过滤功能
function filterByCategory(categoryName) {
const container = document.getElementById('bookmarksContainer');
container.innerHTML = '';
let filteredData = [];
if (categoryName === '全部') {
filteredData = bookmarksData;
} else {
filteredData = bookmarksData.filter(cat =>
cat.name === categoryName ||
(cat.subModules && cat.subModules.some(sub => sub.name === categoryName))
);
}
renderBookmarks(filteredData);
updateActiveTab(categoryName);
}
// 更新活动标签
function updateActiveTab(categoryName) {
document.querySelectorAll('.category-tab').forEach(tab => {
tab.classList.toggle('active', tab.textContent === categoryName);
});
}
// 渲染书签
function renderBookmarks(data) {
const container = document.getElementById('bookmarksContainer');
data.forEach((category, index) => {
const delay = index * 100;
if (category.subModules) {
category.subModules.forEach(subModule => {
const card = document.createElement('div');
card.className = 'category-card';
card.style.animationDelay = `${delay}ms`;
card.innerHTML = `
<h3><span>${subModule?.icon || '📦'}</span>${subModule.name}</h3>
<div class="bookmark-list">
${subModule.links.map(link => `
<a href="${link.url}" class="bookmark-item" target="_blank">
<span class="bookmark-icon">${link.icon}</span>
<span class="bookmark-name">${link.name}</span>
</a>
`).join('')}
</div>
`;
container.appendChild(card);
});
} else {
const card = document.createElement('div');
card.className = 'category-card';
card.style.animationDelay = `${delay}ms`;
card.innerHTML = `
<h3><span>${category.icon}</span>${category.name}</h3>
<div class="bookmark-list">
${category.links.map(link => `
<a href="${link.url}" class="bookmark-item" target="_blank">
<span class="bookmark-icon">${link.icon}</span>
<span class="bookmark-name">${link.name}</span>
</a>
`).join('')}
</div>
`;
container.appendChild(card);
}
});
}
// 搜索功能
function setupSearch() {
const searchInput = document.getElementById('searchInput');
searchInput.addEventListener('input', (e) => {
const query = e.target.value.toLowerCase();
document.querySelectorAll('.bookmark-item').forEach(item => {
const name = item.querySelector('.bookmark-name').textContent.toLowerCase();
item.style.display = name.includes(query) ? 'flex' : 'none';
});
});
}
// 初始化
document.addEventListener('DOMContentLoaded', () => {
// 事件委托
document.getElementById('categoryTabs').addEventListener('click', (e) => {
if (e.target.classList.contains('category-tab')) {
filterByCategory(e.target.textContent);
}
});
// 初始渲染
filterByCategory('全部');
setupSearch();
});
</script>
</body>
</html>
index.html
index.html