{{include "header.html"}}
{{include "nav.html"}}
{{if .Content}}
<section class="section"><div class="container article-layout"><div><header class="article-header"><span class="kicker">article detail</span><h1>{{.Content.Title}}</h1><div class="meta-line"><span>{{ParseTime .Content.CreatedAt "2006-01-02"}}</span>{{if .Content.Author}}<span>· {{.Content.Author}}</span>{{end}}{{if .Content.ColumnName}}<span>· <a href="{{.Content.ColumnURL}}">{{.Content.ColumnName}}</a></span>{{end}}{{if .Content.Views}}<span>· {{.Content.Views}} 阅读</span>{{end}}</div>{{if .Content.Description}}<p class="muted">{{.Content.Description}}</p>{{end}}</header><article class="article-body"><div class="panel" style="padding:28px;">{{if .Content.Img}}<img class="post-cover" style="margin-bottom:22px;" src="{{.Content.Img}}" alt="{{.Content.Title}}">{{end}}<div class="prose">{{.Content.Content | Str2Html}}</div>{{if .Content.Tags}}<div class="chip-list" style="margin-top:24px;">{{range .Content.Tags}}<a class="chip" href="{{.URL}}">#{{.Name}}</a>{{end}}</div>{{end}}</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>{{$related := Related .Content.Id 4}}{{if $related}}<section class="section" style="padding-top:22px;"><div class="section-title"><div><span class="kicker">related posts</span><h2>相关文章</h2></div></div><div class="post-grid">{{range $related}}<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 90}}</p><a href="{{.URL}}" class="card-link">继续阅读 →</a></article>{{end}}</div></section>{{end}}</div>{{include "sidebar.html"}}</div></section>
{{end}}
{{include "js.html"}}
{{include "footer.html"}}