首页：修订间差异

@@ 第1行： / 第1行： @@
-== 🚀 全栈开发者的技术实验室 ==
+<div class="main-page-container">
-从 JVM 字节码到 ESP32 引脚，偶尔写诗
+<div class="hero-section">
+<div class="hero-title">全栈开发者的技术实验室</div>
+<div class="hero-subtitle">从 JVM 字节码到 ESP32 引脚，偶尔写诗</div>
+<div class="hero-stats">
+<span class="hero-stat">📚 {{NUMBEROFPAGES}} 页笔记</span>
+<span class="hero-stat">📝 {{NUMBEROFARTICLES}} 篇技术文章</span>
+<span class="hero-stat">✏️ {{NUMBEROFEDITS}} 次编辑</span>
+</div>
+</div>
-{| style="background:linear-gradient(135deg,#1a1a2e,#16213e);color:white;border-radius:12px;padding:20px;text-align:center;width:100%;"
+<div class="section-heading">🧱 技术支柱</div>
-|-
+<div class="pillars-grid">
-| '''📚 {{NUMBEROFPAGES}} 页笔记''' &nbsp;&nbsp; | '''📝 {{NUMBEROFARTICLES}} 篇技术文章''' &nbsp;&nbsp; | '''✏️ {{NUMBEROFEDITS}} 次编辑'''
-|}
-----
+<div class="pillar-card">
+<div class="pillar-icon">☁️</div>
+<div class="pillar-title">[[Category:后端与分布式|后端与分布式]]</div>
+<div class="pillar-desc">数据库引擎、JVM 底层机制、分布式共识、并发模型、微服务架构。从 CRUD 到 CRDT，从单机事务到全球部署。</div>
+<div class="pillar-meta">涵盖 {{PAGESINCATEGORY:Database}} 篇数据库笔记 · {{PAGESINCATEGORY:JVM}} 篇 JVM 笔记</div>
+<div style="margin-top:auto;">
+[[Category:后端与分布式|<span style="background:#2563eb;color:white;padding:0.5rem 1.25rem;border-radius:6px;text-decoration:none;font-size:0.9rem;font-weight:500;">浏览分类 →</span>]]
+</div>
+</div>
-=== 🧱 技术支柱 ===
+<div class="pillar-card">
+<div class="pillar-icon">⚡</div>
+<div class="pillar-title">[[Category:系统与底层|系统与底层]]</div>
+<div class="pillar-desc">Linux 内核与 eBPF、嵌入式开发、汇编语言、硬件交互。在寄存器级别理解计算机，在引脚级别驯服硬件。</div>
+<div class="pillar-meta">涵盖 {{PAGESINCATEGORY:Linux}} 篇 Linux 笔记 · {{PAGESINCATEGORY:Embedded}} 篇嵌入式笔记</div>
+<div style="margin-top:auto;">
+[[Category:系统与底层|<span style="background:#2563eb;color:white;padding:0.5rem 1.25rem;border-radius:6px;text-decoration:none;font-size:0.9rem;font-weight:500;">浏览分类 →</span>]]
+</div>
+</div>
-{| class="wikitable" style="width:100%;border-collapse:separate;border-spacing:15px;border:none;"
+<div class="pillar-card">
-|-
+<div class="pillar-icon">🤖</div>
-! style="background:#f8fafc;padding:15px;border-radius:12px;width:33%;" | ☁️ '''后端与分布式'''
+<div class="pillar-title">[[Category:AI与算法|AI 与算法]]</div>
-! style="background:#f8fafc;padding:15px;border-radius:12px;width:33%;" | ⚡ '''系统与底层'''
+<div class="pillar-desc">深度学习实践、本地大模型部署、经典算法与 LeetCode 题解。从反向传播到 CRDT 编码，从数学直觉到工程落地。</div>
-! style="background:#f8fafc;padding:15px;border-radius:12px;width:33%;" | 🤖 '''AI 与算法'''
+<div class="pillar-meta">涵盖 {{PAGESINCATEGORY:Algorithm}} 道算法题 · {{PAGESINCATEGORY:Deep Learning}} 篇深度学习笔记</div>
-|-
+<div style="margin-top:auto;">
-| style="vertical-align:top;" |
+[[Category:AI与算法|<span style="background:#2563eb;color:white;padding:0.5rem 1.25rem;border-radius:6px;text-decoration:none;font-size:0.9rem;font-weight:500;">浏览分类 →</span>]]
-* [[JVM:内存设置]]
+</div>
-* [[Kafka:吞吐量测试]]
+</div>
-* [[Raft算法]]
-* [[Yjs algorithm(YATA)]]
-* [[CRDT]]
-* [[Kubernetes installation]]
-| style="vertical-align:top;" |
-* [[ESP32 max98357a audio output]]
-* [[Linux:top命令]]
-* [[Linux Extended BPF (eBPF)]]
-* [[STM32 boot mode]]
-* [[ARM]]
-* [[ASM introduction]]
-| style="vertical-align:top;" |
-* [[Leveraging Ollama to Build Your Local LLM Helper]]
-* [[Llama.cpp]]
-* [[Deep Learning]]
-* [[Algorithm collection]]
-* [[Dynamic Programming]]
-* [[Alpha-Beta搜索算法]]
-|}
-----
+</div>
-=== 🎲 随便翻翻 ===
+<div class="random-section">
+[{{fullurl:Special:Random}} <span class="random-btn">🎲 随便翻翻</span>]
+</div>
-[https://你的域名/index.php?title=Special:Random <span style="display:inline-block;background:linear-gradient(135deg,#f59e0b,#ef4444);color:white;padding:12px 40px;border-radius:50px;font-weight:bold;text-decoration:none;">🎲 随便翻翻</span>]
+<div class="two-column">
-----
-=== 🆕 最近更新 ===
+<div class="column-box">
+<div class="column-title">🆕 最近更新</div>
 {{Special:RecentChanges/5}}
+</div>
-----
+<div class="column-box">
+<div class="column-title">⭐ 本周精选</div>
+<div class="featured-article">
+<div class="featured-title">[[Yjs varint encoding]]</div>
+<div class="featured-desc">CRDT 中的变长整数编码为何值得单独成文？因为它决定了同步时的带宽效率和解码速度。</div>
+</div>
+<div class="featured-article">
+<div class="featured-title">[[Leveraging Ollama to Build Your Local LLM Helper]]</div>
+<div class="featured-desc">在本地跑大模型不只是为了隐私，更是为了把 AI 变成你开发流程的一部分。</div>
+</div>
+<p style="font-size:0.8rem;color:#9ca3af;margin-top:1rem;">💡 精选文章每周手动更新</p>
+</div>
-=== ⭐ 本周精选 ===
+</div>
-{| class="wikitable" style="width:100%;"
+<div class="stats-panel">
-|-
+<div class="section-heading" style="border:none;margin:0 0 1rem 0;">📊 知识版图</div>
-| style="background:#f0f9ff;border-left:4px solid #0ea5e9;padding:10px;" |
+<div class="stats-grid">
-'''[[Yjs varint encoding]]'''<br><small>CRDT 中的变长整数编码为何值得单独成文？因为它决定了同步时的带宽效率和解码速度。</small>
+<div class="stat-item">
-|-
+<div class="stat-number">{{PAGESINCATEGORY:Database}}</div>
-| style="background:#f0f9ff;border-left:4px solid #0ea5e9;padding:10px;" |
+<div class="stat-label">数据库</div>
-'''[[Leveraging Ollama to Build Your Local LLM Helper]]'''<br><small>在本地跑大模型不只是为了隐私，更是为了把 AI 变成你开发流程的一部分。</small>
+</div>
-|}
+<div class="stat-item">
+<div class="stat-number">{{PAGESINCATEGORY:Algorithm}}</div>
+<div class="stat-label">算法题目</div>
+</div>
+<div class="stat-item">
+<div class="stat-number">{{PAGESINCATEGORY:Concurrency}}</div>
+<div class="stat-label">并发</div>
+</div>
+<div class="stat-item">
+<div class="stat-number">{{PAGESINCATEGORY:HTTP}}</div>
+<div class="stat-label">HTTP 协议栈</div>
+</div>
+<div class="stat-item">
+<div class="stat-number">{{PAGESINCATEGORY:Embedded}}</div>
+<div class="stat-label">嵌入式</div>
+</div>
+<div class="stat-item">
+<div class="stat-number">{{PAGESINCATEGORY:Deep Learning}}</div>
+<div class="stat-label">深度学习</div>
+</div>
+</div>
+</div>
-----
+<div class="status-section">
+<div class="section-heading">🛠️ 此刻在折腾</div>
-=== 📊 知识版图 ===
+<div class="status-item"><span class="status-icon">🔬</span> Kubernetes Storage Class 调优</div>
+<div class="status-item"><span class="status-icon">🔊</span> ESP32 + MAX98357A 音频输出链路</div>
-{| class="wikitable" style="text-align:center;width:100%;"
+<div class="status-item"><span class="status-icon">📖</span> 重读《Designing Data-Intensive Applications》</div>
-! 数据库 !! 算法 !! 并发/分布式 !! HTTP !! 嵌入式 !! 深度学习
+<div class="status-item"><span class="status-icon">🤔</span> [[Why float division is faster than integer division|为什么 float 除法比整数除法快？]]</div>
-|-
+</div>
-| 45+ || 36 || 20+ || 18+ || 12+ || 8+
-|}
-----
-=== 🛠️ 此刻在折腾 ===
-* 🔬 Kubernetes Storage Class 调优
-* 🔊 ESP32 + MAX98357A 音频输出链路
-* 📖 重读《Designing Data-Intensive Applications》
-* 🤔 [[Why float division is faster than integer division]]
-----
-=== 🌙 诗词角落 ===
+<div class="poetry-section">
 <div class="mw-collapsible mw-collapsed">
-<div class="mw-collapsible-content">
+<div class="section-heading" style="border:none;margin:0;cursor:pointer;">🌙 诗词角落 <small style="font-weight:normal;color:#9ca3af;">（点击展开）</small></div>
-硬核之外，偶尔写几句。
+<div class="mw-collapsible-content poetry-grid">
+<div class="poetry-item">[[五言:咏霞·其一]]</div>
-[[五言:咏霞·其一]] · [[五言:咏霞·其二]] · [[七言:冬雪]] · [[七言:夜路]] · [[相见欢:残霞]] · [[骈文:落霞赋]] · [[蝶恋花:小夏]] · [[五言:初雪]]
+<div class="poetry-item">[[五言:咏霞·其二]]</div>
+<div class="poetry-item">[[七言:冬雪]]</div>
+<div class="poetry-item">[[七言:夜路]]</div>
+<div class="poetry-item">[[相见欢:残霞]]</div>
+<div class="poetry-item">[[骈文:落霞赋]]</div>
+<div class="poetry-item">[[蝶恋花:小夏]]</div>
+<div class="poetry-item">[[五言:初雪]]</div>
+</div>
 </div>
 </div>
-----
+<div class="main-footer">
+<p>始于某年某月 · 持续建设中 · [[Special:Categories|浏览全部分类]]</p>
+<p style="margin-top:0.5rem;font-size:0.75rem;">五言：[[五言:初雪]] · 七言：[[七言:夜路]]</p>
+</div>
-<p style="text-align:center;color:#9ca3af;font-size:0.85rem;">
+</div>
-始于某年某月 · 持续建设中 · [[Special:Categories|浏览全部分类]]<br>
-<small>五言：[[五言:初雪]] · 七言：[[七言:夜路]]</small>
-</p>

首页：修订间差异

Riguz​（留言 | 贡献）

2026年7月25日 (六) 12:40的最新版本

2026年7月25日 (星期六)

Riguz（留言 | 贡献）