Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
379 lines (360 loc) · 16.2 KB
/
Copy pathindex.html
File metadata and controls
379 lines (360 loc) · 16.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="CodeClub - 程序员技术博客与学习资源导航，分享编程知识、技术文章和优质图书推荐" />
<meta name="keywords" content="编程,代码,技术博客,程序员,学习资源,Python,Java,JavaScript" />
<meta name="author" content="Jackson" />
<meta name="robots" content="index, follow" />
<!-- Content Security Policy -->
<meta
http-equiv="Content-Security-Policy"
content="default-src 'self'; script-src 'self' 'unsafe-inline' https://cdnjs.cloudflare.com https://www.googletagmanager.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdnjs.cloudflare.com; font-src 'self' https://fonts.gstatic.com https://cdnjs.cloudflare.com; img-src 'self' data: https:; connect-src 'self' https://www.google-analytics.com https://giscus.app https://api.github.com; frame-src 'self' https://giscus.app;"
/>
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="zh_CN" />
<meta property="og:site_name" content="CodeClub" />
<meta property="og:title" content="CodeClub - 程序员的技术分享空间" />
<meta property="og:description" content="这里是我的个人技术博客，记录学习笔记、分享编程心得、推荐优质资源。" />
<meta property="og:url" content="https://jacksoncode.github.io/" />
<meta property="og:image" content="https://jacksoncode.github.io/img/og-image.png" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="CodeClub - 程序员的技术分享空间" />
<meta name="twitter:description" content="这里是我的个人技术博客，记录学习笔记、分享编程心得、推荐优质资源。" />
<meta name="twitter:image" content="https://jacksoncode.github.io/img/og-image.png" />
<link rel="canonical" href="https://jacksoncode.github.io/" />
<link rel="sitemap" type="application/xml" href="/sitemap.xml" />
<title>CodeClub - 程序员的技术分享空间</title>
<link rel="icon" type="image/x-icon" href="./img/logo.png" />
<!-- PWA Manifest -->
<link rel="manifest" href="./manifest.json" />
<meta name="theme-color" content="#3b82f6" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="CodeClub" />
<link rel="icon" type="image/x-icon" href="./img/logo.png" />
<!-- PWA Manifest -->
<link rel="manifest" href="./manifest.json" />
<meta name="theme-color" content="#3b82f6" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="CodeClub" />
<link rel="canonical" href="https://jacksoncode.github.io/" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<!-- Font Awesome CDN -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- Dark Mode CSS -->
<link rel="stylesheet" href="./css/dark-mode.css" />
<!-- Mobile Optimizations -->
<link rel="stylesheet" href="./css/mobile-optimizations.css" />
<!-- Google Analytics -->
<!-- 注意：请将 G-XXXXXXXXXX 替换为您的实际 Google Analytics ID -->
<!-- <script src="includes/google-analytics.html"></script> -->
<!-- Preload critical images -->
<link rel="preload" as="image" href="./img/logo.png" type="image/png" />
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "CodeClub",
"url": "https://jacksoncode.github.io",
"description": "程序员的技术分享空间",
"author": { "@type": "Person", "name": "Jackson" },
"potentialAction": {
"@type": "SearchAction",
"target": "https://jacksoncode.github.io/nav.html?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{ "@type": "ListItem", "position": 1, "name": "首页", "item": "https://jacksoncode.github.io/" }
]
}
</script>
<!-- Main CSS -->
<link rel="stylesheet" href="./css/main.css" />
<!-- GitHub Stats CSS -->
<link rel="stylesheet" href="./css/github-stats.css" />
<!-- RSS Display CSS -->
<link rel="stylesheet" href="./css/rss-display.css" />
<!-- Search Enhanced CSS -->
<link rel="stylesheet" href="./css/search-enhanced.css" />
<!-- Analytics Dashboard CSS -->
<link rel="stylesheet" href="./css/analytics-dashboard.css" />
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="navbar-container">
<a class="navbar-brand" href="index.html">
<img src="./img/logo.png" alt="CodeClub" width="32" height="32" loading="eager" />
<span>CodeClub</span>
</a>
<button class="mobile-menu-toggle" aria-label="切换导航菜单" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
<ul class="navbar-nav">
<li><a class="nav-link active" href="index.html">首页</a></li>
<li><a class="nav-link" href="nav.html">网址导航</a></li>
<li><a class="nav-link" href="./blog/">博客</a></li>
<li><a class="nav-link" href="./wiki/index.html" target="_blank">WiKi</a></li>
<li><a class="nav-link" href="./tutorials/index.html">教程</a></li>
<li><a class="nav-link" href="./mkdocs/site/index.html" target="_blank">NewWiKi</a></li>
<li><a class="nav-link" href="book.html">图书</a></li>
<li><a class="nav-link" href="contact.html">联系我</a></li>
<li><a class="nav-link" href="about.html">关于我</a></li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<h1>CodeClub</h1>
<p class="hero-subtitle">程序员的技术分享空间</p>
<p class="hero-desc">
这里是我的个人技术博客，记录学习笔记、分享编程心得、推荐优质资源。
无论你是初学者还是资深开发者，都能在这里找到有价值的内容。
</p>
<div class="hero-buttons">
<a href="nav.html" class="btn btn-primary"> <i class="fas fa-compass"></i> 开始探索 </a>
<a href="about.html" class="btn btn-secondary"> <i class="fas fa-user"></i> 关于我 </a>
</div>
</div>
</section>
<!-- Features Section -->
<section class="features-section">
<div class="section-header">
<h2 class="section-title">探索资源</h2>
<p class="section-subtitle">精心整理的编程学习资源，帮助你提升技术能力</p>
</div>
<div class="features-grid">
<a href="nav.html" class="feature-card">
<div class="feature-icon nav">
<i class="fas fa-compass"></i>
</div>
<h3 class="feature-title">网址导航</h3>
<p class="feature-desc">精选优质编程网站、AI工具、学习资源，一站式解决你的技术查找需求。</p>
</a>
<a href="./wiki/index.html" class="feature-card">
<div class="feature-icon wiki">
<i class="fas fa-book"></i>
</div>
<h3 class="feature-title">技术文档</h3>
<p class="feature-desc">系统化的技术笔记和教程，涵盖 Python、JavaScript、算法等多个领域。</p>
</a>
<a href="./tutorials/index.html" class="feature-card">
<div class="feature-icon tutorials">
<i class="fas fa-graduation-cap"></i>
</div>
<h3 class="feature-title">技术教程</h3>
<p class="feature-desc">廖雪峰 Python/Git 教程、Anthropic 官方 AI 课程，系统化的学习路径。</p>
</a>
<a href="book.html" class="feature-card">
<div class="feature-icon books">
<i class="fas fa-book-open"></i>
</div>
<h3 class="feature-title">图书推荐</h3>
<p class="feature-desc">精选编程经典书籍，从入门到进阶，帮助你建立系统的知识体系。</p>
</a>
<a href="./blog/" class="feature-card">
<div class="feature-icon blog">
<i class="fas fa-pen-nib"></i>
</div>
<h3 class="feature-title">技术博客</h3>
<p class="feature-desc">分享编程经验、项目实战、技术心得，记录我的成长历程。</p>
</a>
</div>
</section>
<!-- Stats Section -->
<section class="stats-section">
<div class="stats-container">
<div class="stat-item">
<div class="stat-number">50+</div>
<div class="stat-label">技术文章</div>
</div>
<div class="stat-item">
<div class="stat-number">100+</div>
<div class="stat-label">优质资源</div>
</div>
<div class="stat-item">
<div class="stat-number">20+</div>
<div class="stat-label">推荐图书</div>
</div>
<div class="stat-item">
<div class="stat-number">5+</div>
<div class="stat-label">年编程经验</div>
</div>
</div>
</section>
<!-- GitHub Stats Section -->
<section class="github-section">
<div class="section-header">
<h2 class="section-title">GitHub 仓库</h2>
<p class="section-subtitle">实时查看项目动态和贡献统计</p>
</div>
<div class="github-stats github-stats-loading"></div>
</section>
<!-- RSS Feed Section -->
<section class="rss-section">
<div class="section-header">
<h2 class="section-title">最新订阅</h2>
<p class="section-subtitle">关注最新技术动态和文章更新</p>
</div>
<div class="rss-feed-container"></div>
</section>
<!-- Analytics Dashboard Section -->
<section class="analytics-section">
<div class="section-header">
<h2 class="section-title">数据统计</h2>
<p class="section-subtitle">查看网站访问数据和用户行为分析</p>
</div>
<div class="analytics-dashboard"></div>
</section>
<!-- Recent Posts Section -->
<section class="posts-section">
<div class="posts-header">
<h2 class="posts-title">最新文章</h2>
<a href="./blog/" class="btn-view-all"> 查看全部 <i class="fas fa-arrow-right"></i> </a>
</div>
<div class="post-list">
<a href="./blog/opencode-guide.html" class="post-card">
<div class="post-meta">
<span class="post-category">工具推荐</span>
<span>2026年2月16日</span>
</div>
<h3 class="post-title">opencode 详细介绍与使用技巧</h3>
<p class="post-excerpt">
全面介绍 opencode AI 编程助手的功能特性，分享实用的使用技巧和最佳实践，助你提升编码效率。
</p>
</a>
<a href="./blog/" class="post-card">
<div class="post-meta">
<span class="post-category">Python</span>
<span>2024年3月15日</span>
</div>
<h3 class="post-title">Python 异步编程实战：从入门到精通</h3>
<p class="post-excerpt">深入理解 Python 的异步编程模型，掌握 async/await 的使用方法，提升程序性能。</p>
</a>
<a href="./blog/" class="post-card">
<div class="post-meta">
<span class="post-category">前端</span>
<span>2024年3月10日</span>
</div>
<h3 class="post-title">现代 CSS 布局技巧：Grid 与 Flexbox 最佳实践</h3>
<p class="post-excerpt">探索 CSS Grid 和 Flexbox 的强大功能，学习如何构建响应式、现代化的网页布局。</p>
</a>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="footer-content">
<div class="social-links">
<a href="#" class="social-link" title="微信">
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-link" title="微博">
<i class="fab fa-weibo"></i>
</a>
<a href="https://github.com/jacksoncode" target="_blank" class="social-link" title="GitHub">
<i class="fab fa-github"></i>
</a>
</div>
<p class="footer-text">
Copyright © Jackson 2026. Free Hosted at
<a href="https://github.com/jacksoncode/jacksoncode.github.io" target="_blank">GitHub</a>
</p>
</div>
</footer>
<!-- Mobile Menu Script -->
<script>
// 移动端菜单切换
document.addEventListener('DOMContentLoaded', function () {
const menuToggle = document.querySelector('.mobile-menu-toggle');
const navbarNav = document.querySelector('.navbar-nav');
if (menuToggle) {
menuToggle.addEventListener('click', function () {
this.classList.toggle('active');
navbarNav.classList.toggle('active');
this.setAttribute('aria-expanded', this.classList.contains('active') ? 'true' : 'false');
});
// 点击导航链接后关闭菜单
document.querySelectorAll('.nav-link').forEach((link) => {
link.addEventListener('click', function () {
menuToggle.classList.remove('active');
navbarNav.classList.remove('active');
});
});
}
// 注册 Service Worker (PWA)
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker
.register('./sw.js')
.then((registration) => {
console.log('ServiceWorker registration successful:', registration.scope);
})
.catch((err) => {
console.error('ServiceWorker registration failed:', err);
});
});
}
});
</script>
<!-- Dark Mode External Script -->
<script src="./js/dark-mode.js"></script>
<!-- Site Search -->
<script src="./js/search.js"></script>
<!-- WebP Support -->
<script src="./js/webp-support.js"></script>
<!-- GitHub API Integration -->
<script src="./js/github-api.js"></script>
<script src="./js/github-display.js"></script>
<!-- RSS Reader -->
<script src="./js/rss-reader.js"></script>
<script src="./js/rss-display.js"></script>
<!-- Enhanced Search -->
<script src="./js/search-enhanced.js"></script>
<!-- Lunr Full-text Search -->
<script src="./js/lunr-search.js"></script>
<!-- Article Filter System -->
<script src="./js/article-filter.js"></script>
<!-- Theme Manager -->
<script src="./js/theme-manager.js"></script>
<!-- Breadcrumb Navigation -->
<script src="./js/breadcrumb-nav.js"></script>
<!-- Reading Progress -->
<script src="./js/reading-progress.js"></script>
<!-- AI Content Enhancer -->
<script src="./js/ai-enhancer.js"></script>
<!-- Knowledge Graph -->
<script src="./js/knowledge-graph.js"></script>
<!-- Feature Manager -->
<script src="./js/feature-manager.js"></script>
<!-- Analytics -->
<script src="./js/analytics.js"></script>
<script src="./js/analytics-dashboard.js"></script>
</body>
</html>
You can’t perform that action at this time.