{{include "header.html"}}
{{include "nav.html"}}
{{if .Content}}
<section class="section"><div class="container article-layout"><div><header class="article-header"><span class="kicker">tool detail</span><h1>{{.Content.Title}}</h1><div class="meta-line">{{$badge := index .Content.Ext "badge"}}{{if $badge}}<span class="badge">{{$badge}}</span>{{end}}{{$stack := index .Content.Ext "stack"}}{{if $stack}}<span>{{$stack}}</span>{{end}}</div><p class="muted">{{.Content.Description}}</p></header><article class="article-body"><div class="panel" style="padding:28px;">{{if .Content.Img}}<img class="tool-cover" style="margin-bottom:22px;" src="{{.Content.Img}}" alt="{{.Content.Title}}">{{end}}<div class="chip-list" style="margin-bottom:22px;">{{$usage := index .Content.Ext "usage"}}{{if $usage}}<span class="chip">适用场景：{{$usage}}</span>{{end}}{{$category := index .Content.Ext "category"}}{{if $category}}<span class="chip">类型：{{$category}}</span>{{end}}</div><div class="prose">{{.Content.Content | Str2Html}}</div></div></article><div class="article-nav">{{if .Prev}}<a href="{{.Prev.URL}}"><small>上一篇</small><strong>{{.Prev.Title}}</strong></a>{{else}}<div><small>上一篇</small><strong>已经是第一篇</strong></div>{{end}}{{if .Next}}<a href="{{.Next.URL}}"><small>下一篇</small><strong>{{.Next.Title}}</strong></a>{{else}}<div><small>下一篇</small><strong>已经是最后一篇</strong></div>{{end}}</div></div>{{include "sidebar.html"}}</div></section>
{{end}}
{{include "js.html"}}
{{include "footer.html"}}