Skip to content

Commit 6bf7373

Browse files
author
panhy
committed
feature: 增加内容
1 parent 1b9a485 commit 6bf7373

3 files changed

Lines changed: 195 additions & 28 deletions

File tree

‎css/index.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,26 @@ header {
178178
background: linear-gradient(45deg, #ff6348, #2f3542);
179179
}
180180

181+
.cloud {
182+
background: linear-gradient(45deg, #74b9ff, #0984e3);
183+
}
184+
185+
.community {
186+
background: linear-gradient(45deg, #fd79a8, #e84393);
187+
}
188+
189+
.personal {
190+
background: linear-gradient(45deg, #fdcb6e, #f39c12);
191+
}
192+
193+
.api {
194+
background: linear-gradient(45deg, #00cec9, #00b894);
195+
}
196+
197+
.repository {
198+
background: linear-gradient(45deg, #6c5ce7, #a29bfe);
199+
}
200+
181201
.links {
182202
display: grid;
183203
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));

‎index.html‎

Lines changed: 137 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -21,18 +21,27 @@ <h1 class="logo">WebTech.wiki</h1>
2121
<button class="filter-tab active" onclick="filterCategory('all')">全部</button>
2222
<button class="filter-tab" onclick="filterCategory('frontend')">前端</button>
2323
<button class="filter-tab" onclick="filterCategory('backend')">后端</button>
24-
<button class="filter-tab" onclick="filterCategory('mobile')">移动端</button>
25-
<button class="filter-tab" onclick="filterCategory('ai')">AI/ML</button>
24+
<button class="filter-tab" onclick="filterCategory('database')">数据库</button>
25+
<button class="filter-tab" onclick="filterCategory('devops')">DevOps</button>
26+
<button class="filter-tab" onclick="filterCategory('mobile')">移动开发</button>
27+
<button class="filter-tab" onclick="filterCategory('ai')">AL & ML</button>
28+
<button class="filter-tab" onclick="filterCategory('cloud_driver')">网盘</button>
29+
<button class="filter-tab" onclick="filterCategory('tools')">开发工具</button>
30+
<button class="filter-tab" onclick="filterCategory('design')">设计 & 资源</button>
31+
<button class="filter-tab" onclick="filterCategory('community')">社区 & 论坛</button>
32+
<button class="filter-tab" onclick="filterCategory('personal')">个人工具 & 服务</button>
33+
<button class="filter-tab" onclick="filterCategory('api')">API & 文档</button>
34+
<button class="filter-tab" onclick="filterCategory('repository')">代码仓库 & 镜像</button>
2635
</div>
2736
</header>
2837

2938
<div class="stats">
3039
<div class="stat-item">
31-
<span class="stat-number">200+</span>
40+
<span class="stat-number">100+</span>
3241
<span class="stat-label">精选网站</span>
3342
</div>
3443
<div class="stat-item">
35-
<span class="stat-number">8</span>
44+
<span class="stat-number">10+</span>
3645
<span class="stat-label">技术分类</span>
3746
</div>
3847
<div class="stat-item">
@@ -45,34 +54,38 @@ <h1 class="logo">WebTech.wiki</h1>
4554
<div class="category" data-category="frontend">
4655
<div class="category-title">
4756
<div class="category-icon frontend">🎨</div>
48-
前端开发
57+
前端
4958
</div>
5059
<div class="links">
5160
<a href="https://developer.mozilla.org" class="link-item" target="_blank">MDN Web Docs</a>
61+
<a href="https://developer.chrome.com" class="link-item" target="_blank">Chrome Dev</a>
5262
<a href="https://reactjs.org" class="link-item" target="_blank">React</a>
5363
<a href="https://vuejs.org" class="link-item" target="_blank">Vue.js</a>
5464
<a href="https://angular.io" class="link-item" target="_blank">Angular</a>
5565
<a href="https://webpack.js.org" class="link-item" target="_blank">Webpack</a>
5666
<a href="https://vitejs.dev" class="link-item" target="_blank">Vite</a>
5767
<a href="https://tailwindcss.com" class="link-item" target="_blank">Tailwind CSS</a>
5868
<a href="https://nextjs.org" class="link-item" target="_blank">Next.js</a>
69+
<a href="https://www.json.org" class="link-item" target="_blank">JSON</a>
5970
</div>
6071
</div>
6172

6273
<div class="category" data-category="backend">
6374
<div class="category-title">
6475
<div class="category-icon backend">⚙️</div>
65-
后端开发
76+
后端
6677
</div>
6778
<div class="links">
68-
<a href="https://nodejs.org" class="link-item" target="_blank">Node.js</a>
69-
<a href="https://expressjs.com" class="link-item" target="_blank">Express.js</a>
7079
<a href="https://spring.io" class="link-item" target="_blank">Spring</a>
80+
<a href="https://fastapi.tiangolo.com" class="link-item" target="_blank">FastAPI</a>
7181
<a href="https://django.org" class="link-item" target="_blank">Django</a>
7282
<a href="https://flask.palletsprojects.com" class="link-item" target="_blank">Flask</a>
7383
<a href="https://gin-gonic.com" class="link-item" target="_blank">Gin</a>
84+
<a href="https://www.php.net" class="link-item" target="_blank">PHP</a>
85+
<a href="https://phpunit.de" class="link-item" target="_blank">PHPUnit</a>
86+
<a href="https://nodejs.org" class="link-item" target="_blank">Node.js</a>
87+
<a href="https://expressjs.com" class="link-item" target="_blank">Express.js</a>
7488
<a href="https://nestjs.com" class="link-item" target="_blank">NestJS</a>
75-
<a href="https://fastapi.tiangolo.com" class="link-item" target="_blank">FastAPI</a>
7689
</div>
7790
</div>
7891

@@ -96,17 +109,16 @@ <h1 class="logo">WebTech.wiki</h1>
96109
<div class="category" data-category="devops">
97110
<div class="category-title">
98111
<div class="category-icon devops">🚀</div>
99-
DevOps & 云服务
112+
DevOps
100113
</div>
101114
<div class="links">
102115
<a href="https://www.docker.com" class="link-item" target="_blank">Docker</a>
103116
<a href="https://kubernetes.io" class="link-item" target="_blank">Kubernetes</a>
104-
<a href="https://aws.amazon.com" class="link-item" target="_blank">AWS</a>
105-
<a href="https://azure.microsoft.com" class="link-item" target="_blank">Azure</a>
106-
<a href="https://cloud.google.com" class="link-item" target="_blank">Google Cloud</a>
107117
<a href="https://www.jenkins.io" class="link-item" target="_blank">Jenkins</a>
108118
<a href="https://github.com/features/actions" class="link-item" target="_blank">GitHub Actions</a>
109119
<a href="https://www.terraform.io" class="link-item" target="_blank">Terraform</a>
120+
<a href="https://www.supervisord.org" class="link-item" target="_blank">Supervisord</a>
121+
<a href="https://www.zabbix.com" class="link-item" target="_blank">Zabbix</a>
110122
</div>
111123
</div>
112124

@@ -116,11 +128,11 @@ <h1 class="logo">WebTech.wiki</h1>
116128
移动开发
117129
</div>
118130
<div class="links">
131+
<a href="https://developer.android.com" class="link-item" target="_blank">Android</a>
132+
<a href="https://developer.apple.com" class="link-item" target="_blank">iOS</a>
119133
<a href="https://reactnative.dev" class="link-item" target="_blank">React Native</a>
120134
<a href="https://flutter.dev" class="link-item" target="_blank">Flutter</a>
121135
<a href="https://ionicframework.com" class="link-item" target="_blank">Ionic</a>
122-
<a href="https://developer.android.com" class="link-item" target="_blank">Android</a>
123-
<a href="https://developer.apple.com" class="link-item" target="_blank">iOS</a>
124136
<a href="https://cordova.apache.org" class="link-item" target="_blank">Cordova</a>
125137
<a href="https://nativescript.org" class="link-item" target="_blank">NativeScript</a>
126138
<a href="https://expo.dev" class="link-item" target="_blank">Expo</a>
@@ -130,24 +142,61 @@ <h1 class="logo">WebTech.wiki</h1>
130142
<div class="category" data-category="ai">
131143
<div class="category-title">
132144
<div class="category-icon ai">🤖</div>
133-
人工智能 & 机器学习
145+
AL&ML
134146
</div>
135147
<div class="links">
136148
<a href="https://tensorflow.org" class="link-item" target="_blank">TensorFlow</a>
137149
<a href="https://pytorch.org" class="link-item" target="_blank">PyTorch</a>
138150
<a href="https://scikit-learn.org" class="link-item" target="_blank">Scikit-learn</a>
139151
<a href="https://keras.io" class="link-item" target="_blank">Keras</a>
140152
<a href="https://huggingface.co" class="link-item" target="_blank">Hugging Face</a>
141-
<a href="https://openai.com" class="link-item" target="_blank">OpenAI</a>
142153
<a href="https://www.anaconda.com" class="link-item" target="_blank">Anaconda</a>
143154
<a href="https://jupyter.org" class="link-item" target="_blank">Jupyter</a>
155+
<a href="https://www.paddlepaddle.org.cn" class="link-item" target="_blank">飞桨PaddlePaddle</a>
156+
<a href="https://d2l.ai" class="link-item" target="_blank">动手学深度学习</a>
157+
</div>
158+
</div>
159+
160+
<div class="category" data-category="cloud_driver">
161+
<div class="category-title">
162+
<div class="category-icon cloud_driver">☁️</div>
163+
网盘
164+
</div>
165+
<div class="links">
166+
<a href="https://drive.google.com" class="link-item" target="_blank">Google Drive</a>
167+
<a href="https://pan.baidu.com" class="link-item" target="_blank">百度网盘</a>
168+
<a href="https://onedrive.live.com" class="link-item" target="_blank">OneDrive</a>
169+
<a href="https://drive.google.com" class="link-item" target="_blank">Google 云端硬盘</a>
170+
<a href="https://www.weiyun.com" class="link-item" target="_blank">腾讯微云</a>
171+
<a href="https://www.aliyundrive.com" class="link-item" target="_blank">阿里云盘</a>
172+
<a href="https://cloud.189.cn" class="link-item" target="_blank">天翼云盘</a>
173+
</div>
174+
</div>
175+
176+
<div class="category" data-category="tools">
177+
<div class="category-title">
178+
<div class="category-icon tools">🛠️</div>
179+
开发工具
180+
</div>
181+
<div class="links">
182+
<a href="https://code.visualstudio.com" class="link-item" target="_blank">VS Code</a>
183+
<a href="https://www.jetbrains.com" class="link-item" target="_blank">JetBrains</a>
184+
<a href="https://www.postman.com" class="link-item" target="_blank">Postman</a>
185+
<a href="https://insomnia.rest" class="link-item" target="_blank">Insomnia</a>
186+
<a href="https://www.atlassian.com/software/jira" class="link-item" target="_blank">Jira</a>
187+
<a href="https://slack.com" class="link-item" target="_blank">Slack</a>
188+
<a href="https://notion.so" class="link-item" target="_blank">Notion</a>
189+
<a href="https://www.charlesproxy.com" class="link-item" target="_blank">Charles</a>
190+
<a href="https://hoppscotch.io" class="link-item" target="_blank">Hoppscotch</a>
191+
<a href="https://crontab.guru" class="link-item" target="_blank">Crontab Guru</a>
192+
<a href="https://www.phpmyadmin.net" class="link-item" target="_blank">phpMyAdmin</a>
144193
</div>
145194
</div>
146195

147196
<div class="category" data-category="design">
148197
<div class="category-title">
149198
<div class="category-icon design">🎯</div>
150-
设计工具
199+
设计 & 资源
151200
</div>
152201
<div class="links">
153202
<a href="https://www.figma.com" class="link-item" target="_blank">Figma</a>
@@ -158,23 +207,84 @@ <h1 class="logo">WebTech.wiki</h1>
158207
<a href="https://behance.net" class="link-item" target="_blank">Behance</a>
159208
<a href="https://unsplash.com" class="link-item" target="_blank">Unsplash</a>
160209
<a href="https://www.invisionapp.com" class="link-item" target="_blank">InVision</a>
210+
<a href="https://www.iconfont.cn" class="link-item" target="_blank">阿里图标</a>
211+
<a href="https://material.io/icons" class="link-item" target="_blank">Material Icons</a>
212+
<a href="https://www.flaticon.com" class="link-item" target="_blank">Flaticon</a>
213+
<a href="https://iconpark.oceanengine.com" class="link-item" target="_blank">IconPark</a>
214+
<a href="https://www.fonts.net.cn" class="link-item" target="_blank">字体天下</a>
215+
<a href="https://html5up.net" class="link-item" target="_blank">HTML5UP</a>
161216
</div>
162217
</div>
163218

164-
<div class="category" data-category="tools">
219+
<div class="category" data-category="community">
165220
<div class="category-title">
166-
<div class="category-icon tools">🛠️</div>
167-
开发工具
221+
<div class="category-icon community">👥</div>
222+
社区 & 论坛
223+
</div>
224+
<div class="links">
225+
<a href="https://stackoverflow.com" class="link-item" target="_blank">Stack Overflow</a>
226+
<a href="https://www.quora.com" class="link-item" target="_blank">Quora</a>
227+
<a href="https://www.zhihu.com" class="link-item" target="_blank">知乎</a>
228+
<a href="https://juejin.cn" class="link-item" target="_blank">掘金</a>
229+
<a href="https://www.csdn.net" class="link-item" target="_blank">CSDN</a>
230+
<a href="https://www.51cto.com" class="link-item" target="_blank">51CTO</a>
231+
<a href="https://www.cnblogs.com" class="link-item" target="_blank">博客园</a>
232+
<a href="https://segmentfault.com" class="link-item" target="_blank">思否</a>
233+
<a href="https://www.oschina.net" class="link-item" target="_blank">OSCHINA</a>
234+
<a href="https://www.xinpianchang.com" class="link-item" target="_blank">新片场</a>
235+
</div>
236+
</div>
237+
238+
<div class="category" data-category="personal">
239+
<div class="category-title">
240+
<div class="category-icon personal">👤</div>
241+
个人工具 & 服务
242+
</div>
243+
<div class="links">
244+
<a href="https://mail.qq.com" class="link-item" target="_blank">QQ邮箱</a>
245+
<a href="https://mail.163.com" class="link-item" target="_blank">网易邮箱</a>
246+
<a href="https://exmail.qq.com" class="link-item" target="_blank">腾讯企业邮箱</a>
247+
<a href="https://music.qq.com" class="link-item" target="_blank">QQ音乐</a>
248+
<a href="https://music.163.com" class="link-item" target="_blank">网易云音乐</a>
249+
<a href="https://www.ximalaya.com" class="link-item" target="_blank">喜马拉雅FM</a>
250+
<a href="https://freepd.com" class="link-item" target="_blank">FreePD.com</a>
251+
<a href="https://music.youtube.com" class="link-item" target="_blank">YouTube Music</a>
252+
</div>
253+
</div>
254+
255+
<div class="category" data-category="api">
256+
<div class="category-title">
257+
<div class="category-icon api">🔌</div>
258+
API & 文档
259+
</div>
260+
<div class="links">
261+
<a href="https://learn.microsoft.com/azure/architecture/best-practices/api-design" class="link-item" target="_blank">Web API 设计最佳做法</a>
262+
<a href="https://json-schema.org" class="link-item" target="_blank">JSON Schema</a>
263+
<a href="https://jsonapi.org" class="link-item" target="_blank">JSON:API</a>
264+
<a href="https://www.openapis.org" class="link-item" target="_blank">OpenAPI</a>
265+
<a href="https://graphql.org" class="link-item" target="_blank">GraphQL</a>
266+
<a href="https://platform.openai.com" class="link-item" target="_blank">OpenAI API</a>
267+
<a href="https://www.ruankun.dev/posts/how-to-register-openai-account-in-china" class="link-item" target="_blank">OpenAI注册指南</a>
268+
<a href="https://sms-activate.org" class="link-item" target="_blank">SMS-Activate</a>
269+
</div>
270+
</div>
271+
272+
<div class="category" data-category="repository">
273+
<div class="category-title">
274+
<div class="category-icon repository">📦</div>
275+
代码仓库 & 镜像
168276
</div>
169277
<div class="links">
170-
<a href="https://code.visualstudio.com" class="link-item" target="_blank">VS Code</a>
171278
<a href="https://github.com" class="link-item" target="_blank">GitHub</a>
279+
<a href="https://gitee.com" class="link-item" target="_blank">Gitee</a>
172280
<a href="https://gitlab.com" class="link-item" target="_blank">GitLab</a>
173-
<a href="https://www.postman.com" class="link-item" target="_blank">Postman</a>
174-
<a href="https://insomnia.rest" class="link-item" target="_blank">Insomnia</a>
175-
<a href="https://www.atlassian.com/software/jira" class="link-item" target="_blank">Jira</a>
176-
<a href="https://slack.com" class="link-item" target="_blank">Slack</a>
177-
<a href="https://notion.so" class="link-item" target="_blank">Notion</a>
281+
<a href="https://hub.docker.com" class="link-item" target="_blank">Docker Hub</a>
282+
<a href="https://git.code.tencent.com" class="link-item" target="_blank">腾讯工蜂</a>
283+
<a href="https://cr.console.aliyun.com" class="link-item" target="_blank">阿里云镜像</a>
284+
<a href="https://mirrors.aliyun.com" class="link-item" target="_blank">阿里云镜像站</a>
285+
<a href="https://mirrors.cloud.tencent.com" class="link-item" target="_blank">腾讯软件源</a>
286+
<a href="https://mirrors.tuna.tsinghua.edu.cn" class="link-item" target="_blank">清华镜像</a>
287+
<a href="https://mirrors.ustc.edu.cn" class="link-item" target="_blank">中科大镜像</a>
178288
</div>
179289
</div>
180290
</div>

0 commit comments

Comments
 (0)