{{ define "main" }}
<main class="site--main">
    <article class="post--single" itemscope="itemscope" itemtype="http://schema.org/Article">
        <div class="post--single__meta">
            <svg class="icon" viewBox="0 0 1024 1024" width="16" height="16">
                <path
                    d="M512 97.52381c228.912762 0 414.47619 185.563429 414.47619 414.47619s-185.563429 414.47619-414.47619 414.47619S97.52381 740.912762 97.52381 512 283.087238 97.52381 512 97.52381z m0 73.142857C323.486476 170.666667 170.666667 323.486476 170.666667 512s152.81981 341.333333 341.333333 341.333333 341.333333-152.81981 341.333333-341.333333S700.513524 170.666667 512 170.666667z m36.571429 89.697523v229.86362h160.865523v73.142857H512a36.571429 36.571429 0 0 1-36.571429-36.571429V260.388571h73.142858z">
                </path>
            </svg>
            <time datetime='{{.Date.Format "2006-01-02 15:04:01" }}' class="humane--time" itemprop="datePublished">{{
                .Date | time.Format
                ":date_long"
                }}</time>
            {{ if .Params.categories }}
            <svg class="icon" viewBox="0 0 1024 1024" width="16" height="16">
                <path
                    d="M408.551619 97.52381a73.142857 73.142857 0 0 1 51.736381 21.430857L539.306667 197.973333A73.142857 73.142857 0 0 0 591.067429 219.428571H804.571429a73.142857 73.142857 0 0 1 73.142857 73.142858v560.761904a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V170.666667a73.142857 73.142857 0 0 1 73.142857-73.142857h189.123048z m0 73.142857H219.428571v682.666666h585.142858V292.571429h-213.504a146.285714 146.285714 0 0 1-98.499048-38.13181L487.619048 249.734095 408.551619 170.666667zM365.714286 633.904762v73.142857h-73.142857v-73.142857h73.142857z m365.714285 0v73.142857H414.47619v-73.142857h316.952381z m-365.714285-195.047619v73.142857h-73.142857v-73.142857h73.142857z m365.714285 0v73.142857H414.47619v-73.142857h316.952381z">
                </path>
            </svg>
            {{ range (.GetTerms "categories") }}
            <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
            {{ end }}
            {{ end }}
        </div>
        <h2 class="post--single__title">{{ .Title }}</h2>
        {{ if .IsTranslated }}
        <div class="translatedCard">
            <h4>{{ i18n "translations" }}</h4>
            <ul>
                {{ range .Translations }}
                <li>
                    <a href="{{ .Permalink }}">{{ .Lang }}: {{ .Title }}{{ if .IsPage }}{{ end
                        }}</a>
                </li>
                {{ end }}
            </ul>
        </div>
        {{ end }}
        {{- $TOCEnabled := or .Params.toc (and .Site.Params.toc (ne .Params.toc false)) -}}
        {{- $hasTOC := gt (len .TableOfContents) 32 -}}

        {{ if and $TOCEnabled $hasTOC -}}
        <details class="toc" open>
            <summary class="toc-title">{{ i18n "article.tableOfContents" }}</summary>
            {{ .TableOfContents }}
        </details>
        {{- end }}
        <div class="post--single__content graph" itemprop="articleBody">
            {{ .Content }}
        </div>
        <div class="tag--list">
            {{ range (.GetTerms "tags") }}
            <a href="{{ .RelPermalink }}" class="artile--tag">{{ .LinkTitle }}</a>
            {{ end }}
        </div>
        {{ if .Site.Params.showAuthor }}
        <div class="author--card">
            <img src="{{ .Site.Params.authorAvatar }}" class="avatar" height="64" width="64" decoding="async">
            <div class="author--name">{{ .Site.Params.authorName }}</div>
            <div class="author--description">{{ .Site.Params.authorDescription }}</div>
            <div class="author--sns">
                {{ partial "sns.html" . }}
            </div>
        </div>
        {{ end }}
        {{ partial "category.html" . }}
        {{ partial "related.html" . }}
        {{ if .Params.twitter }}
        <div class="twitter--area">
            <a href="{{ .Params.twitter }}" target="_blank" class="twitter--btn">Reply on twitter</a>
        </div>
        {{ end }}
        {{ if .Params.story_id }}
        {{ partial "commentlist.html" . }}
        {{ end }}
        
            <div id="comments" class="responsesWrapper">
                <h3 class="comments--title"><svg viewBox="0 0 24 24" class="icon" aria-hidden="true" width="16" height="16">
                        <g>
                            <path
                                d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z">
                            </path>
                        </g>
                    </svg>评论</h3>
                <ol class="commentlist sulliComment--list">
                </ol>
        <div id="tcomment"></div>
        <script src="https://cdn.staticfile.org/twikoo/1.6.32/twikoo.all.min.js"></script>
        <script>
        twikoo.init({
          envId: 'https://t.imsun.org',
          el: '#tcomment',
        })
        </script>
      </div> 
    </article>
    <!-- {{ if or .PrevPage .NextPage }}
    <nav class="navigation post-navigation is-active">
        <div class="nav-links">
            {{ if .PrevPage }}
            <div class="nav-previous">
                <a class="link-reverse" href="{{ .PrevPage.Permalink }}?ref=footer">
                    <span class="meta-nav">Previous</span><span class="post-title">{{ .PrevPage.Title }}</span>
                </a>
            </div>
            {{ end }}
            {{ if .NextPage }}
            <div class="nav-next">
                <a class="link-reverse" href="{{ .NextPage.Permalink }}?ref=footer">
                    <span class="meta-nav">Next</span><span class="post-title">{{ .NextPage.Title }}</span>
                </a>
            </div>
            {{ end }}
        </div>
    </nav>
    {{ end }} -->
</main>
{{ end }}