{{ partial "snippets/document-start.html" . }}
    <article class="post {{ .Site.Language.LanguageName }}" id="article">

      <!-- Site Header -->
      <div class="site-header">
        {{ partial "header.html" . }}
      </div>
      <!-- Post Header -->
      <header class="post-header">
        {{ if in .Site.Params.mainSections .Type }}
        <!-- Title and Subtitle -->
        <h1 class="post-title">
          {{ .Title }}
          {{ with .Params.subtitle }}
            <small class="post-subtitle">{{ . }}</small>
          {{ end }}
        </h1>
        <!-- Post Meta -->
        <div class="row post-desc">
          <div class="col-xs-6">
            {{ if .Date }}
            <time class="post-date" datetime="{{ .Date.Format "2006-01-02 15:04:05 MST" }}">
              {{ .Date.Format "02 Jan 2006" }}
            </time>
            {{ end }}
            {{ if .Params.categories }}
              <span> / </span>
              <span>
                <a href="/categories/{{ .Params.categories | urlize }}">{{ .Params.categories }}</a>
              </span>
            {{ end }}
          </div>
        </div>
        {{ end }}
      </header>

      <!-- Post Content -->
      <div id="post-content" class="post-content markdown-body">
        {{ if .Params.toc }}
        <div id="toc-container"><div id="toc"></div></div>
        {{ end }}
        {{ .Site.Params.postHeaderContent | safeHTML }}
        {{ .Content }}
      </div>

      <!-- Post Tags -->
      <div class="post-tags">
        {{ range .Params.tags }}
        <a class="taxonomy-tags-item" href="{{ site.LanguagePrefix }}/tags/{{ lower . | urlize }}/">#{{ . }}</a>
        {{ end }}
      </div>

      <!-- Post Comments -->
      {{ if in .Site.Params.mainSections .Type }}
        <!-- waline -->
        <div style="height: 50px;"></div>
        <div class="post-comments">
            <div class="giscus">
                <p style="text-align:center">
                    {{ if eq .Site.Language.Lang "en" }}
                    if comment is not loaded, please try refreshing
                    {{ else if eq .Site.Language.Lang "zh" }}
                    如果评论未加载，请尝试刷新页面
                    {{ end }}
                </p>
            </div>
            {{ if eq .Site.Language.Lang "zh" }}
            <p style="text-align:center">你也可以加入本站的 <a href="https://t.me/teaparty418" target="_blank">Telegram 群组</a>参与讨论</p>
            {{ end }}
            <script src="https://giscus.app/client.js"
                data-repo="BigCoke233/geek-death-project"
                data-repo-id="R_kgDONPoyVw"
                data-category="General"
                data-category-id="DIC_kwDONPoyV84Clumc"
                data-mapping="title"
                data-strict="1"
                data-reactions-enabled="1"
                data-emit-metadata="0"
                data-input-position="top"
                data-theme="preferred_color_scheme"
                {{ if eq .Site.Language.Lang "en" }}
                data-lang="en"
                {{ else if eq .Site.Language.Lang "zh" }}
                data-lang="zh-CN"
                {{ end }}
                crossorigin="anonymous"
                async>
            </script>
        </div>
      {{ end }}

    </article>
{{ partial "snippets/document-end.html" . }}