Skip to content

Commit 778ee39

Browse files
init feat Prev Next post links on single post page (#180)
usage => in site config add Params: ShowPostNavLinks: true
1 parent 3c3888f commit 778ee39

File tree

2 files changed

+63
-2
lines changed

2 files changed

+63
-2
lines changed

assets/css/post-single.css

+42-2
Original file line numberDiff line numberDiff line change
@@ -294,7 +294,8 @@
294294
}
295295

296296
.post-tags a,
297-
.share-buttons {
297+
.share-buttons,
298+
.paginav {
298299
border-radius: var(--radius);
299300
background: var(--code-bg);
300301
border: 1px solid var(--border)
@@ -310,7 +311,8 @@
310311
background: var(--code-bg)
311312
}
312313

313-
.post-tags a:hover {
314+
.post-tags a:hover,
315+
.paginav a:hover {
314316
background: var(--border)
315317
}
316318

@@ -374,3 +376,41 @@ h6:hover .anchor {
374376
.post-content table::-webkit-scrollbar-thumb {
375377
border-width: 2px;
376378
}
379+
380+
.paginav {
381+
margin: 10px 0;
382+
display: flex;
383+
line-height: 30px;
384+
border-radius: var(--radius);
385+
}
386+
387+
.paginav a {
388+
padding-inline-start: 14px;
389+
padding-inline-end: 14px;
390+
border-radius: var(--radius);
391+
}
392+
393+
.paginav .title {
394+
letter-spacing: 1px;
395+
text-transform: uppercase;
396+
font-size: small;
397+
color: var(--secondary);
398+
}
399+
400+
.paginav .prev,
401+
.paginav .next {
402+
width: 50%;
403+
}
404+
405+
.paginav span:hover:not(.title) {
406+
box-shadow: 0 1px 0;
407+
}
408+
409+
.paginav .next {
410+
margin-inline-start: auto;
411+
text-align: right;
412+
}
413+
414+
[dir="rtl"] .paginav .next {
415+
text-align: left;
416+
}

layouts/_default/single.html

+21
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,27 @@ <h1 class="post-title">
5757
{{- end }}
5858
</ul>
5959
{{- end }}
60+
{{- if .Site.Params.ShowPostNavLinks }}
61+
{{- $pages := where site.RegularPages "Type" "in" site.Params.mainSections }}
62+
{{- if and (gt (len $pages) 1) (in $pages . ) }}
63+
<nav class="paginav">
64+
{{- with $pages.Next . }}
65+
<a class="prev" href="{{.Permalink}}">
66+
<span class="title">« {{ i18n "prev_page" }}</span>
67+
<br>
68+
<span>{{- .Name -}}</span>
69+
</a>
70+
{{- end}}
71+
{{- with $pages.Prev . }}
72+
<a class="next" href="{{.Permalink}}">
73+
<span class="title">{{ i18n "next_page" }} »</span>
74+
<br>
75+
<span>{{- .Name -}}</span>
76+
</a>
77+
{{- end}}
78+
</nav>
79+
{{- end }}
80+
{{- end }}
6081
{{- if (and .Site.Params.ShowShareButtons (ne .Params.disableShare true) ) }}
6182
{{- partial "share_icons.html" . }}
6283
{{- end }}

0 commit comments

Comments
 (0)