-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
471 lines (428 loc) · 22.1 KB
/
Copy pathindex.html
File metadata and controls
471 lines (428 loc) · 22.1 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
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RSnew</title>
<style>
:root{--bg:#f4f7fa;--w:#fff;--b1:#1a73e8;--b2:#4a9ff5;--b4:#00bcd4;--dk:#1a2332;--t:#2c3e50;--t2:#6b7c93;--r:20px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--t);font-family:-apple-system,"SF Pro Display","PingFang SC",system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
/* Progress bar */
#progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--b1),var(--b4));z-index:200;width:0;transition:width .15s;border-radius:0 2px 2px 0}
/* Island nav */
.island{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;background:var(--dk);color:#fff;border-radius:30px;padding:0 12px;height:8px;display:flex;align-items:center;gap:0;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:60px;width:60px;overflow:hidden;white-space:nowrap}
.island.show{opacity:1}
.island.bar{height:8px;width:120px;padding:0;border-radius:4px}
.island.bar *{opacity:0;transition:opacity .2s}
.island.expanded{height:48px;width:auto;min-width:260px;padding:0 28px;border-radius:26px;gap:18px;pointer-events:auto}
.island.expanded *{opacity:1;transition:opacity .3s .15s}
.island .dot{width:8px;height:8px;background:var(--b2);border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}
.island a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s;font-size:13px}
.island a:hover{color:#fff}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
/* Hero */
.hero{padding:100px 0 60px;text-align:center;background:var(--w);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(74,159,245,.1),transparent 70%);top:-120px;right:-60px;animation:drift 14s ease-in-out infinite}
.hero::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(0,188,212,.07),transparent 70%);bottom:-60px;left:-40px;animation:drift 11s ease-in-out infinite reverse}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-15px)}}
.hero h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;color:var(--dk);letter-spacing:-.04em;opacity:0;animation:springIn .9s cubic-bezier(.34,1.56,.64,1) .2s forwards}
.hero .sub{color:var(--t2);font-size:1.05rem;margin-top:10px;opacity:0;animation:springIn .9s cubic-bezier(.34,1.56,.64,1) .4s forwards}
.hero .links{margin-top:28px;display:flex;gap:12px;justify-content:center;opacity:0;animation:springIn .9s cubic-bezier(.34,1.56,.64,1) .6s forwards}
.hero-link{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.hero-link.primary{background:var(--dk);color:#fff}
.hero-link.primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(26,35,50,.25)}
.hero-link.secondary{background:#f0f2f5;color:var(--t)}
.hero-link.secondary:hover{background:#e4e8ee;transform:translateY(-3px)}
@keyframes springIn{0%{opacity:0;transform:translateY(28px) scale(.96)}60%{transform:translateY(-4px) scale(1.01)}100%{opacity:1;transform:none}}
/* Layout */
.container{max-width:1080px;margin:0 auto;padding:0 24px}
section{padding:56px 0}
.stitle{font-size:1.5rem;font-weight:700;color:var(--dk);margin-bottom:32px;display:flex;align-items:center;gap:12px}
.stitle .bar{width:36px;height:3px;background:linear-gradient(90deg,var(--b1),var(--b4));border-radius:2px}
/* Scroll reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.34,1.56,.64,1),transform .7s cubic-bezier(.34,1.56,.64,1)}
.rv.v{opacity:1;transform:none}
/* Project cards (featured) */
.proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:720px){.proj-grid{grid-template-columns:1fr}}
.proj-card{background:var(--w);border-radius:var(--r);border:1px solid #e8edf2;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit;display:flex;flex-direction:column}
.proj-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px rgba(26,115,232,.12);border-color:var(--b2)}
.proj-card:active{transform:translateY(-3px) scale(.99);transition:all .12s}
.proj-accent{height:5px;width:100%}
.proj-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:10px}
.proj-top{display:flex;align-items:center;gap:14px}
.proj-icon{font-size:32px;line-height:1}
.proj-name{font-size:1.15rem;font-weight:700;color:var(--dk)}
.proj-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px}
.proj-status.active{background:#dcfce7;color:#15803d}
.proj-status.wip{background:#fef9c3;color:#854d0e}
.proj-status.paused{background:#f1f5f9;color:#64748b}
.proj-desc{font-size:14px;color:var(--t2);line-height:1.65;flex:1}
.proj-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:10px;background:#f0f4f8;color:var(--t2)}
.proj-foot{padding:14px 24px;border-top:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--t2)}
.proj-foot a{color:var(--b1);text-decoration:none;font-weight:600;font-size:12px}
.proj-foot a:hover{text-decoration:underline}
/* Featured highlight card */
.proj-card.featured{grid-column:1/-1}
.proj-card.featured .proj-body{flex-direction:row;align-items:flex-start;gap:24px}
@media(max-width:720px){.proj-card.featured .proj-body{flex-direction:column}}
.proj-card.featured .proj-info{flex:1}
.proj-card.featured .proj-extra{flex-shrink:0;background:#f8fafc;border-radius:14px;padding:16px 20px;font-size:13px;color:var(--t2);min-width:180px}
.proj-card.featured .proj-extra strong{display:block;color:var(--dk);font-size:15px;margin-bottom:6px}
.proj-card.featured .proj-extra ul{padding-left:14px;margin-top:4px}
.proj-card.featured .proj-extra li{margin-bottom:3px}
/* Timeline */
.timeline-wrap{position:relative;padding-left:24px}
.timeline-wrap::before{content:'';position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(to bottom,var(--b1),var(--b4));border-radius:2px;opacity:.25}
.tl-item{position:relative;padding:0 0 36px 28px}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:-17px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--w);border:2px solid var(--b2);transition:all .3s}
.tl-dot.accent{background:var(--b1);border-color:var(--b1);box-shadow:0 0 0 3px rgba(26,115,232,.15)}
.tl-item:hover .tl-dot{transform:scale(1.25)}
.tl-year{font-size:11px;font-weight:700;color:var(--b1);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.tl-title{font-size:1rem;font-weight:700;color:var(--dk);margin-bottom:6px}
.tl-desc{font-size:13px;color:var(--t2);line-height:1.65}
/* About / Skills */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:720px){.about-grid{grid-template-columns:1fr}}
.about-card{background:var(--w);border-radius:var(--r);padding:28px;border:1px solid #e8edf2}
.about-card h3{font-size:1rem;font-weight:700;color:var(--dk);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.skill-row{display:flex;flex-wrap:wrap;gap:8px}
.skill{padding:6px 14px;border-radius:14px;font-size:12px;font-weight:600;background:#f0f4f8;color:var(--t);transition:all .3s}
.skill:hover{background:var(--b1);color:#fff;transform:translateY(-2px)}
.skill.primary{background:#e8f4fd;color:var(--b1)}
.now-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.now-item{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.now-item .ei{font-size:20px;flex-shrink:0}
/* Activity */
.feed-card{background:var(--w);border-radius:var(--r);border:1px solid #e8edf2;overflow:hidden}
.feed-item{padding:14px 20px;border-bottom:1px solid #f0f2f5;font-size:13px;display:flex;gap:12px;align-items:flex-start;transition:background .2s}
.feed-item:hover{background:#fafbfc}
.feed-item:last-child{border:none}
.feed-dot{width:8px;height:8px;border-radius:50%;background:var(--b1);margin-top:5px;flex-shrink:0}
.feed-meta{color:var(--t2);font-size:11px;margin-top:3px}
.feed-repo{color:var(--b1);font-weight:600;text-decoration:none}
.feed-repo:hover{text-decoration:underline}
/* Footer */
footer{text-align:center;padding:48px 24px;color:var(--t2);font-size:12px;border-top:1px solid #e8edf2;margin-top:20px}
footer a{color:var(--b1);text-decoration:none}
/* Activity refresh */
.feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:14px 20px;border-bottom:1px solid #f0f2f5}
.feed-head-title{font-size:13px;color:var(--t2)}
.refresh-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:16px;border:1px solid #e0e5ec;background:var(--w);color:var(--t);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}
.refresh-btn:hover{background:var(--b1);color:#fff;border-color:var(--b1)}
.refresh-btn.loading .ri{animation:spin 1s linear infinite;display:inline-block}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
</style>
</head>
<body>
<div id="progress"></div>
<nav class="island" id="island">
<span class="dot"></span><span>RSnew</span>
<a href="#projects">作品</a><a href="#timeline">经历</a><a href="#about">关于</a><a href="#activity">动态</a>
</nav>
<!-- Hero -->
<div class="hero">
<h1>RSnew</h1>
<p class="sub">构建者 · 探索者 · 语言设计师</p>
<div class="links">
<a class="hero-link primary" href="https://github.com/RSnew" target="_blank">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
GitHub
</a>
<a class="hero-link secondary" href="mailto:m18748459674@gmail.com">✉ 联系我</a>
</div>
</div>
<div class="container">
<!-- Projects -->
<section id="projects">
<h2 class="stitle rv"><span class="bar"></span>作品</h2>
<div class="proj-grid">
<!-- Flux — featured -->
<a class="proj-card featured rv" href="https://github.com/RSnew/Flux" target="_blank">
<div class="proj-accent" style="background:linear-gradient(90deg,#f97316,#ef4444)"></div>
<div class="proj-body">
<div class="proj-info">
<div class="proj-top">
<span class="proj-icon">🔥</span>
<div>
<div class="proj-name">Flux 编程语言</div>
<span class="proj-status active">活跃开发</span>
</div>
</div>
<p class="proj-desc">自研编程语言，支持热重载、AI 原生类型与崩溃恢复。基于 C++ 与 LLVM JIT 构建，探索下一代语言设计的边界。</p>
<div class="proj-tags">
<span class="tag">C++</span><span class="tag">LLVM</span><span class="tag">JIT</span><span class="tag">编译器</span>
</div>
</div>
<div class="proj-extra">
<strong>核心特性</strong>
<ul>
<li>热重载</li>
<li>AI 原生类型</li>
<li>崩溃恢复</li>
<li>LLVM JIT</li>
</ul>
</div>
</div>
<div class="proj-foot">
<span>RSnew / Flux</span>
<a href="https://github.com/RSnew/Flux" target="_blank">查看 →</a>
</div>
</a>
<!-- 神明对决 -->
<a class="proj-card rv" href="https://github.com/RSnew" target="_blank">
<div class="proj-accent" style="background:linear-gradient(90deg,#8b5cf6,#06b6d4)"></div>
<div class="proj-body">
<div class="proj-top">
<span class="proj-icon">⚔️</span>
<div>
<div class="proj-name">神明对决</div>
<span class="proj-status wip">开发中</span>
</div>
</div>
<p class="proj-desc">Godot 平台跳跃冒险游戏。玩家扮演凡人，在神明构筑的世界中翻越、投掷、与落石周旋。自制密码机分析系统辅助关卡设计。</p>
<div class="proj-tags">
<span class="tag">Godot 4</span><span class="tag">GDScript</span><span class="tag">平台跳跃</span>
</div>
</div>
<div class="proj-foot">
<span>私有仓库</span>
</div>
</a>
<!-- QQ Bot -->
<a class="proj-card rv" href="https://github.com/RSnew" target="_blank">
<div class="proj-accent" style="background:linear-gradient(90deg,#3b82f6,#06b6d4)"></div>
<div class="proj-body">
<div class="proj-top">
<span class="proj-icon">🤖</span>
<div>
<div class="proj-name">小二 QQ 机器人</div>
<span class="proj-status active">运行中</span>
</div>
</div>
<p class="proj-desc">基于 NoneBot2 的 QQ 群管理机器人，集成 CharGLM 对话、抽卡系统、群活跃度分析、自动视频分析等能力。运行在 QEMU 虚拟机中（NapCat + QQ Linux）。</p>
<div class="proj-tags">
<span class="tag">Python</span><span class="tag">NoneBot2</span><span class="tag">CharGLM</span><span class="tag">QEMU</span>
</div>
</div>
<div class="proj-foot">
<span>私有仓库</span>
</div>
</a>
<!-- xiaoerGame -->
<a class="proj-card rv" href="https://github.com/RSnew/xiaoerGame" target="_blank">
<div class="proj-accent" style="background:linear-gradient(90deg,#f59e0b,#ef4444)"></div>
<div class="proj-body">
<div class="proj-top">
<span class="proj-icon">🎮</span>
<div>
<div class="proj-name">xiaoerGame</div>
<span class="proj-status wip">开发中</span>
</div>
</div>
<p class="proj-desc">Rust 编写的游戏项目，探索高性能游戏引擎与系统级编程的结合，追求零依赖、极致性能的开发体验。</p>
<div class="proj-tags">
<span class="tag">Rust</span><span class="tag">游戏引擎</span><span class="tag">系统编程</span>
</div>
</div>
<div class="proj-foot">
<span>RSnew / xiaoerGame</span>
<a href="https://github.com/RSnew/xiaoerGame" target="_blank">查看 →</a>
</div>
</a>
</div>
</section>
<!-- Timeline -->
<section id="timeline">
<h2 class="stitle rv"><span class="bar"></span>经历</h2>
<div class="timeline-wrap rv">
<div class="tl-item">
<div class="tl-dot"></div>
<div class="tl-content">
<div class="tl-year">大一</div>
<div class="tl-title">敲下第一行代码</div>
<div class="tl-desc">从 C 语言开始，指针、内存、段错误，就这么写下去了。</div>
</div>
</div>
<div class="tl-item">
<div class="tl-dot"></div>
<div class="tl-content">
<div class="tl-year">高中</div>
<div class="tl-title">满脑子想法，一行没写</div>
<div class="tl-desc">设计、构想一堆，停留在脑子里。"以后再做"——后来确实没做，哈哈。</div>
</div>
</div>
<div class="tl-item">
<div class="tl-dot"></div>
<div class="tl-content">
<div class="tl-year">大学期间（约三年）</div>
<div class="tl-title">语言探索期</div>
<div class="tl-desc">从 C 到 C++、Python、Rust、Swift，逐渐形成"能用系统语言解决的就不用高层"的习惯。写工具、折腾 Linux。</div>
</div>
</div>
<div class="tl-item">
<div class="tl-dot"></div>
<div class="tl-content">
<div class="tl-year">毕业前</div>
<div class="tl-title">毕业设计：实验室预约管理系统</div>
<div class="tl-desc">设计并实现了完整的实验室预约管理系统，从需求分析到上线交付，独立完成。</div>
</div>
</div>
<div class="tl-item">
<div class="tl-dot accent"></div>
<div class="tl-content">
<div class="tl-year">2025 下半年</div>
<div class="tl-title">抓住 AI 风口，技术突飞猛进</div>
<div class="tl-desc">大量接触 LLM、Prompt 工程、AI 应用开发，把 AI 能力整合进游戏、Bot、分析工具。这半年的成长顶过去两年。</div>
</div>
</div>
<div class="tl-item">
<div class="tl-dot accent"></div>
<div class="tl-content">
<div class="tl-year">2025 → 现在</div>
<div class="tl-title">入职，开始做业务系统</div>
<div class="tl-desc">工作不满一年，参与了供应链管理、金蝶 ERP 对接、领星数据集成、CRM、固定资产系统、飞书 Skill 等项目。白天做业务系统，晚上写 Flux、做游戏、维护 Bot。</div>
</div>
</div>
</div>
</section>
<!-- About -->
<section id="about">
<h2 class="stitle rv"><span class="bar"></span>关于</h2>
<div class="about-grid">
<div class="about-card rv">
<h3>🧰 技术栈</h3>
<div class="skill-row">
<span class="skill primary">C++</span>
<span class="skill primary">Rust</span>
<span class="skill primary">Swift</span>
<span class="skill primary">Python</span>
<span class="skill">LLVM</span>
<span class="skill">Godot</span>
<span class="skill">Flutter</span>
<span class="skill">Vue</span>
<span class="skill">NoneBot2</span>
<span class="skill">Docker</span>
<span class="skill">Linux</span>
<span class="skill">SwiftUI</span>
</div>
</div>
<div class="about-card rv">
<h3>🌱 正在做</h3>
<ul class="now-list">
<li class="now-item"><span class="ei">🔥</span><span>为 Flux 语言实现 LLVM JIT 后端与热重载运行时</span></li>
<li class="now-item"><span class="ei">⚔️</span><span>神明对决关卡设计 — 落石机制与攀爬系统</span></li>
<li class="now-item"><span class="ei">🤖</span><span>小二机器人 — 视频分析与星辰系统迭代</span></li>
</ul>
</div>
</div>
</section>
<!-- Activity -->
<section id="activity">
<h2 class="stitle rv"><span class="bar"></span>最新动态</h2>
<div class="feed-card rv">
<div class="feed-head">
<span class="feed-head-title" id="feed-time">加载中...</span>
<button class="refresh-btn" id="refresh-btn" onclick="refreshFeed()">
<span class="ri">↻</span> 刷新
</button>
</div>
<div id="feed"><div style="padding:20px;color:var(--t2);font-size:13px">加载中...</div></div>
</div>
</section>
</div>
<footer>
手工打造 · 零依赖 ·
<a href="https://github.com/RSnew/RSnew.github.io" target="_blank">源码</a>
</footer>
<script>
// Scroll reveal
const obs = new IntersectionObserver(
e => e.forEach(x => { if (x.isIntersecting) x.target.classList.add('v') }),
{ threshold: .08, rootMargin: '0px 0px -20px 0px' }
);
document.querySelectorAll('.rv').forEach(el => obs.observe(el));
// Island + progress bar
const island = document.getElementById('island');
window.addEventListener('scroll', () => {
const s = window.scrollY, hH = 280;
document.getElementById('progress').style.width =
(s / (document.documentElement.scrollHeight - innerHeight) * 100) + '%';
if (s > hH) {
island.classList.add('show', 'bar');
island.classList.remove('expanded');
clearTimeout(island._t);
island._t = setTimeout(() => {
island.classList.remove('bar');
island.classList.add('expanded');
}, 320);
} else {
island.classList.remove('show', 'bar', 'expanded');
}
});
// Activity feed
function renderFeed(events) {
const feed = document.getElementById('feed');
if (!events || !events.length) {
feed.innerHTML = '<div style="padding:20px;color:var(--t2);font-size:13px">暂无动态</div>';
return;
}
feed.innerHTML = events.map(e => {
const repo = e.repo.split('/')[1];
return `<div class="feed-item">
<div class="feed-dot"></div>
<div>
<a class="feed-repo" href="https://github.com/${e.repo}" target="_blank">${repo}</a>
<span style="font-size:13px"> ${e.detail}</span>
<div class="feed-meta">${e.date}</div>
</div>
</div>`;
}).join('');
}
async function refreshFeed() {
const btn = document.getElementById('refresh-btn');
btn.classList.add('loading');
btn.disabled = true;
try {
const res = await fetch('https://api.github.com/users/RSnew/events?per_page=12');
const raw = await res.json();
const events = raw
.filter(e => ['PushEvent','CreateEvent','PullRequestEvent'].includes(e.type))
.slice(0, 8)
.map(e => ({
type: e.type,
repo: e.repo.name,
date: e.created_at.split('T')[0],
detail: e.type === 'PushEvent'
? `推送了 ${e.payload.commits?.length || 0} 个提交`
: e.type === 'CreateEvent'
? `创建了 ${e.payload.ref_type} ${e.payload.ref || ''}`
: `${e.payload.action} PR #${e.payload.pull_request?.number}`
}));
renderFeed(events);
document.getElementById('feed-time').textContent = '实时数据 · 刚刚更新';
} catch {
document.getElementById('feed-time').textContent = '获取失败，显示静态数据';
loadStatic();
}
btn.classList.remove('loading');
btn.disabled = false;
}
async function loadStatic() {
try {
const res = await fetch('./data.json?t=' + Date.now());
const d = await res.json();
renderFeed(d.activity || []);
document.getElementById('feed-time').textContent = '静态数据 · 更新于 ' + (d.updated || '未知');
} catch {
document.getElementById('feed-time').textContent = '数据加载失败';
}
}
loadStatic();
</script>
</body>
</html>