Skip to content

Commit 6f2f37b

Browse files
houbbhoubb
committed
[Feature] add for new
1 parent 17bf832 commit 6f2f37b

File tree

3 files changed

+100
-12
lines changed

3 files changed

+100
-12
lines changed

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66

77
## leetcode 算法
88

9-
> [leetcode-visual 资源可视化](https://github.com/houbb/leetcode-visual)
9+
> [技术博客](https://houbb.github.io/)
1010
11+
> [leetcode-visual 资源可视化](https://github.com/houbb/leetcode-visual)
1112
1213
> [leetcode 算法实现](https://github.com/houbb/leetcode)

‎cgit.bat‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
:: 用于提交当前变更(windows)
2+
:: author: houbb
3+
:: LastUpdateTime: 2018-11-22 09:08:52
4+
:: 用法：双击运行，或者当前路径 cmd 直接输入 .\cgit.bat
5+
6+
git pull
7+
git add .
8+
git commit -m "[Feature] add for new"
9+
git push
10+
git status
11+

‎index.html‎

Lines changed: 87 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="zh">
33
<head>
44
<meta charset="UTF-8" />
5-
<title>算法可视化资源索引</title>
5+
<title>算法可视化 · 资源导航</title>
66
<style>
77
body {
88
font-family: "Helvetica Neue", sans-serif;
@@ -71,36 +71,112 @@
7171

7272
footer {
7373
text-align: center;
74-
margin-top: 40px;
74+
margin-top: 60px;
7575
font-size: 13px;
7676
color: #aaa;
7777
}
78+
79+
/* 资料部分样式 */
80+
.resources {
81+
margin-top: 60px;
82+
background: #ffffff;
83+
padding: 30px;
84+
border-radius: 12px;
85+
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
86+
}
87+
88+
.resources h2 {
89+
margin-top: 0;
90+
font-size: 20px;
91+
color: #2c3e50;
92+
}
93+
94+
.resource-group {
95+
display: flex;
96+
flex-wrap: wrap;
97+
gap: 30px;
98+
margin-top: 20px;
99+
}
100+
101+
.resource-box {
102+
flex: 1 1 300px;
103+
}
104+
105+
.resource-box ul {
106+
list-style: none;
107+
padding-left: 0;
108+
line-height: 1.8;
109+
}
110+
111+
.resource-box ul li a {
112+
color: #3498db;
113+
text-decoration: none;
114+
}
115+
116+
.resource-box img {
117+
max-width: 100%;
118+
height: auto;
119+
border-radius: 6px;
120+
}
121+
122+
.donate-img {
123+
width: 300px;
124+
height: auto;
125+
border-radius: 10px;
126+
margin-top: 10px;
127+
}
128+
129+
.section-title {
130+
font-weight: bold;
131+
font-size: 16px;
132+
margin-top: 10px;
133+
color: #333;
134+
}
78135
</style>
79136
</head>
80137
<body>
81138
<h1>算法可视化 · 资源导航</h1>
82139
<input id="searchInput" type="text" placeholder="🔍 输入关键字搜索，如 binary、查找、排序...">
83140

84141
<div class="grid" id="cardGrid">
85-
<!-- 示例卡片：binary-search-basic -->
142+
<!-- 示例卡片 -->
86143
<div class="card" data-tags="binary search 二分查找 可视化">
87144
<div class="card-title">Binary Search 可视化</div>
88145
<div class="card-desc">通过动画步骤演示二分查找过程，支持自定义输入和间隔时间。</div>
89146
<a href="./binary-search-basic.html" target="_blank">打开页面</a>
90147
</div>
148+
</div>
149+
150+
<!-- 资料部分 -->
151+
<div class="resources">
152+
<h2>📚 相关资料</h2>
153+
<div class="resource-group">
154+
155+
<div class="resource-box">
156+
<div class="section-title">LeetCode 算法</div>
157+
<ul>
158+
<li><a href="https://houbb.github.io/" target="_blank">技术博客</a></li>
159+
<li><a href="https://github.com/houbb/leetcode-visual" target="_blank">leetcode-visual · 可视化资源</a></li>
160+
<li><a href="https://github.com/houbb/leetcode" target="_blank">leetcode 算法实现</a></li>
161+
</ul>
162+
</div>
163+
164+
<div class="resource-box">
165+
<div class="section-title">吹牛交流群</div>
166+
<img src="https://img-blog.csdnimg.cn/63926529df364f09bcb203a8a9016854.png" alt="wechat qr" />
167+
</div>
168+
169+
<div class="resource-box">
170+
<div class="section-title">支持开源</div>
171+
<p>开源不易，如果本项目对你有帮助，你可以请老马喝一杯奶茶 ☕。</p>
172+
<img class="donate-img" src="https://github.com/houbb/sensitive-word/raw/master/lmxxf_reword.png?raw=true" alt="打赏二维码" />
173+
</div>
91174

92-
<!-- 可继续添加更多算法可视化页面 -->
93-
<!--
94-
<div class="card" data-tags="bubble sort 排序 可视化">
95-
<div class="card-title">Bubble Sort 可视化</div>
96-
<div class="card-desc">冒泡排序过程演示，适合新手理解排序原理。</div>
97-
<a href="./bubble-sort.html" target="_blank">打开页面</a>
98175
</div>
99-
-->
100176
</div>
101177

102178
<footer>
103-
© 2025 算法可视化项目 | 由你亲手打造 💡
179+
© 2025 算法可视化项目 | 老马啸西风 💡
104180
</footer>
105181

106182
<script>

0 commit comments

Comments
 (0)