blog/themes/farallon/layouts/_default/single.html

118 lines
6.0 KiB
HTML

{{ 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 }}