Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 12:03:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add article.readingTime param, and improve style

Browse Source
This commit is contained in:
Jimmy Cai 2021-07-23 09:34:38 +00:00 committed by GitHub
parent 683f1b4807
commit 85b81e5c81
3 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/scss/partials/article.scss
View File

@ -95,7 +95,9 @@
display: flex;
align-items: center;
color: var(--card-text-color-tertiary);
gap: 15px;
margin-top: 10px;
flex-wrap: wrap;
svg {
vertical-align: middle;
@ -108,6 +110,11 @@
time {
font-size: 1.4rem;
}
& > div {
display: inline-flex;
align-items: center;
}
}
.article-category,

1
exampleSite/config.yaml
View File

@ -44,6 +44,7 @@ params:
article:
math: false
toc: true
readingTime: true
license:
enabled: true
default: Licensed under CC BY-NC-SA 4.0

34
layouts/partials/article/components/details.html
View File

@ -2,10 +2,9 @@
{{ if .Params.categories }}
<header class="article-category">
{{ range (.GetTerms "categories") }}
<a href="{{ .RelPermalink }}"
{{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};" {{ end }}>
{{ .LinkTitle }}
</a>
<a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
{{ .LinkTitle }}
</a>
{{ end }}
</header>
{{ end }}
@ -22,16 +21,23 @@
</h3>
{{ end }}
{{- if not .Date.IsZero -}}
<footer class="article-time">
{{ partial "helper/icon" "date" }}
<time class="article-time--published">
{{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}&emsp;
</time>
{{ partial "helper/icon" "clock" }}
<time class="article-time--published">
{{ .ReadingTime }} min read
</time>
{{ if not .Date.IsZero }}
<div>
{{ partial "helper/icon" "date" }}
<time class="article-time--published">
{{- .Date.Format (or .Site.Params.dateFormat.published "Jan 02, 2006") -}}
</time>
</div>
{{ end }}
{{ if .Site.Params.article.readingTime }}
<div>
{{ partial "helper/icon" "clock" }}
<time class="article-time--published">
{{ .ReadingTime }} min read
</time>
</div>
{{ end }}
</footer>
{{- end -}}
</div>