{{ define "main" }}
<div id="pjax-container">
    <!-- 用于 Pjax 获取当前文章 ID -->
    <div id="data-pid" style="display:none;">{{ .RelPermalink }}</div>
    <article style="margin-bottom: 3.5em;">
        <h1 class="post-title" itemprop="name headline" uk-scrollspy="cls: uk-animation-slide-top-small; delay: 200">{{ .Title }}</h1>
        <div class="meta" uk-scrollspy="cls: uk-animation-fade; delay: 300">
            <span class="meta-item">作者: {{ .Params.author | default .Site.Params.author.name }}</span>
            <span class="meta-item">浏览: <span id="busuanzi_value_page_uv"></span></span>
            <span class="meta-item">字数: {{ .WordCount }}</span>
            <span class="meta-item">阅读: 约 {{ .ReadingTime }} 分钟</span>
            <span class="meta-item">分类:
                {{ range .GetTerms "categories" }}
                <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
                {{ end }}
            </span>
        </div>
        <div class="post-content" id="post-writing" itemprop="articleBody" uk-scrollspy="target: > h2,h3,h4,blockquote,img,table,figure; cls: uk-animation-slide-bottom-small; delay: 100">
            {{ .Content }}
        </div>
        <div class="post-tags" style="margin-top: -30px;" uk-scrollspy="cls: uk-animation-fade; delay: 400">
            <nav class="nav tags">
                <ul class="flat">
                    <!-- 标签内容 -->
                </ul>
            </nav>
        </div>
    </article>
    <hr class="uk-divider-icon">
    <div id="comments" class="comments-area">
        <!-- 评论区内容 -->
        {{ if or (eq .Type "about") (eq .Type "post") }}
        {{ partial "artalk.html" . }}
        {{ end }}
        <!-- 评论区内容结束 -->
    </div>
    <script async src="/js/bsz.js"></script>
</div>
{{ end }}