{{include "header.html"}}
{{include "nav.html"}}
{{$slides := HomeSlides}}
{{$heroStats := index .ThemesExt "hero_stats"}}
{{$focusCards := index .ThemesExt "focus_cards"}}
{{$timeline := index .ThemesExt "timeline_cards"}}
{{$articles := ColumnContents "articles" 4}}
{{$architecture := ColumnContents "architecture" 3}}
{{$debugging := ColumnContents "debugging" 3}}
{{$toolbox := ColumnContents "toolbox" 4}}
<section class="hero"><div class="container hero-grid"><div class="hero-main panel">{{if $slides}}{{range $i, $s := $slides}}<div class="hero-slide {{if eq $i 0}}is-active{{end}}"><img src="{{.Img}}" alt="{{.Title}}"><div class="hero-overlay"></div><div class="hero-content"><div><span class="kicker">{{index $.ThemesExt "hero_kicker"}}</span><h1>{{.Title}}</h1><p>{{.SubTitle}}</p><div class="hero-actions"><a href="{{index $.ThemesExt "hero_cta_url"}}" class="primary-btn">{{index $.ThemesExt "hero_cta_text"}}</a><a href="{{index $.ThemesExt "hero_secondary_url"}}" class="ghost-btn">{{index $.ThemesExt "hero_secondary_text"}}</a></div></div>{{if $heroStats}}<div><div class="hero-stats">{{range $heroStats}}<div class="hero-stat"><strong>{{index . "value"}}</strong><span>{{index . "label"}}</span></div>{{end}}</div>{{if gt (len $slides) 1}}<div class="hero-dots">{{range $i, $s := $slides}}<span class="hero-dot {{if eq $i 0}}is-active{{end}}" data-index="{{$i}}"></span>{{end}}</div>{{end}}</div>{{end}}</div></div>{{end}}{{end}}</div><div class="side-stack"><section class="side-card panel"><h3>写作重点</h3><div class="chip-list">{{range $focusCards}}<span class="chip">{{index . "icon"}} {{index . "title"}}</span>{{end}}</div><p style="margin-top:14px;">尽量围绕真实问题、真实约束和真实修复路径展开，而不是只停留在概念层。</p></section><section class="side-card panel"><h3>更新节奏</h3><div class="tip-list">{{range $timeline}}<div class="tip-item"><strong>{{index . "time"}}</strong><p>{{index . "title"}}</p></div>{{end}}</div></section></div></div></section>
{{if $heroStats}}<section class="section"><div class="container"><div class="stats-grid">{{range $heroStats}}<article class="stat-card"><strong>{{index . "value"}}</strong><span>{{index . "label"}}</span></article>{{end}}</div></div></section>{{end}}
{{if $focusCards}}<section class="section"><div class="container"><div class="section-title"><div><span class="kicker">focus areas</span><h2>内容范围</h2><p>从系统设计到线上止血，再到工具和脚本，尽量写到能直接复用。</p></div></div><div class="feature-grid">{{range $focusCards}}<article class="feature-card"><div class="feature-icon">{{index . "icon"}}</div><h3>{{index . "title"}}</h3><p>{{index . "desc"}}</p></article>{{end}}</div></div></section>{{end}}
<section class="section"><div class="container content-layout"><div>{{if $articles}}<div class="section-title"><div><span class="kicker">latest posts</span><h2>最新文章</h2><p>优先整理最近踩过的坑、刚做过的改动和仍然值得继续追的问题。</p></div><a class="card-link" href="/articles">更多文章 →</a></div><div class="post-grid">{{range $articles}}<article class="post-card panel">{{if .Img}}<img class="post-cover" src="{{.Img}}" alt="{{.Title}}">{{end}}<div class="meta-line"><span>{{ParseTime .CreatedAt "2006-01-02"}}</span>{{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}</div><h3>{{.Title}}</h3><p>{{StrSub .Description 96}}</p><a href="{{.URL}}" class="card-link">继续阅读 →</a></article>{{end}}</div>{{end}}{{if $architecture}}<div class="section-title" style="margin-top:30px;"><div><span class="kicker">architecture</span><h2>架构设计</h2><p>主要写系统边界、模块拆分、演进路径与常见权衡。</p></div><a class="card-link" href="/architecture">进入专栏 →</a></div><div class="post-grid">{{range $architecture}}<article class="post-card panel"><div class="meta-line"><span>{{ParseTime .CreatedAt "2006-01-02"}}</span></div><h3>{{.Title}}</h3><p>{{StrSub .Description 96}}</p><a href="{{.URL}}" class="card-link">继续阅读 →</a></article>{{end}}</div>{{end}}</div>{{include "sidebar.html"}}</div></section>
{{if $debugging}}<section class="section"><div class="container"><div class="section-title"><div><span class="kicker">debugging notes</span><h2>调试排障</h2><p>聚焦异常路径、定位证据、根因判断和修复策略。</p></div><a class="card-link" href="/debugging">查看全部 →</a></div><div class="post-grid">{{range $debugging}}<article class="post-card panel">{{if .Img}}<img class="post-cover" src="{{.Img}}" alt="{{.Title}}">{{end}}<div class="meta-line"><span>{{ParseTime .CreatedAt "2006-01-02"}}</span></div><h3>{{.Title}}</h3><p>{{StrSub .Description 100}}</p><a href="{{.URL}}" class="card-link">查看复盘 →</a></article>{{end}}</div></div></section>{{end}}
{{if $toolbox}}<section class="section"><div class="container"><div class="section-title"><div><span class="kicker">toolbox</span><h2>工具箱</h2><p>只写我自己确实常用、确实踩过坑、确实会继续用的工具。</p></div><a class="card-link" href="/toolbox">更多工具 →</a></div><div class="tool-grid">{{range $toolbox}}<article class="tool-card panel">{{if .Img}}<img class="tool-cover" src="{{.Img}}" alt="{{.Title}}">{{end}}<div class="meta-line">{{$badge := index .Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}{{$stack := index .Ext "stack"}}{{if $stack}}<span>{{$stack}}</span>{{end}}</div><h3>{{.Title}}</h3><p>{{StrSub .Description 100}}</p><a href="{{.URL}}" class="card-link">查看实践 →</a></article>{{end}}</div></div></section>{{end}}
{{include "js.html"}}
{{include "footer.html"}}