{{define "list"}}
  <link rel="stylesheet" href="/static/css/blog.css?v={{assetVer}}">
  <div class="page-heading">
    <div class="blog-head-row">
      <div class="blog-head-text">
        <span class="ph-kicker">晴空编辑部 · 目录</span>
        <h1 class="ph-title">{{.Data.Heading}}</h1>
      </div>
      {{if hasPerm .Perms "post.manage"}}<a class="btn btn-primary blog-write-btn" href="/publish">{{ico "pen"}} 写文章</a>{{end}}
    </div>
    {{if .Data.Query}}<p class="ph-note">共找到 {{len .Data.Posts}} 篇相关文章，慢慢挑一篇来读吧。</p>{{end}}
    {{if hasPrefix .Path "/category/"}}
    {{template "follow_button" dict "VD" . "Type" "category" "Key" (trimPrefix .Path "/category/") "Title" .Data.Heading "URL" .Path "Self" ""}}
    {{else if hasPrefix .Path "/tag/"}}
    {{template "follow_button" dict "VD" . "Type" "tag" "Key" (trimPrefix .Path "/tag/") "Title" .Data.Heading "URL" .Path "Self" ""}}
    {{end}}
  </div>

  {{range $i, $p := .Data.Posts}}
  <article class="post-index">
    <span class="pi-num">{{printf "%02d" (add $i 1)}}</span>
    <div class="pi-body">
      <h2><a href="/post/{{$p.Slug}}">{{$p.Title}}</a></h2>
      <div class="pi-meta">
        <span>{{date $p.CreatedAt}}</span>
        {{if $p.CategoryName}}<a href="/category/{{$p.CategorySlug}}">{{$p.CategoryName}}</a>{{end}}
        <span>阅读 {{$p.Views}}</span>
        {{if index $.Data.Coauthors $p.ID}}<span class="blog-coauthor-tag">共创</span>{{end}}
      </div>
    </div>
    <a class="pi-arrow" href="/post/{{$p.Slug}}" aria-label="阅读全文">→</a>
  </article>
  {{else}}
  <div class="empty">
    <h3>这里还很安静</h3>
    <p>{{if .Data.Query}}没有找到相关文章，换个关键词试试？{{else}}暂时没有内容，先去别处逛逛吧。{{end}}</p>
  </div>
  {{end}}

  {{template "pagination" .}}
{{end}}