bhouseWeb/themes/hugo-lamp/layouts/blog/list.html

{{ define "main" }}
<section class="section13">
    <div class="mt-4">
        <amp-img src="/img/blog/banner.webp"
        width="5344"
        height="2083"
        layout="responsive"
        alt="小寶優居-首購族首選 安心成家 室內設計品牌"></amp-img>
    </div>
</section>

<section class="section24">
    <div class="container">
        <div class="title"><b>設計專欄</b></div>
    </div>
</section>

<div class="page-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
            {{ $paginator := .Paginate .Data.Pages }}
            {{ range $paginator.Pages }}
            <div class="mb-5 post">
                <div class="mb-4">
                    <a href="{{ .Permalink }}">
                        <amp-img
                            alt="{{ .Title }}"
                            src="{{ .Params.Image | relURL }}"
                            width="2664"
                            height="956"
                            layout="responsive">
                        </amp-img>
                    </a>
                </div>
                <a href="{{ .Permalink }}" style="color:#444444;">
                    <h3 class="card-title"><b>{{ .Title }}</b></h3>
                </a>
                <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
                <div class="blog-content">
                    <p class="card-text" style="color:#4D4D4D;">{{ .Summary }}</p>
                    <a href="{{ .Permalink }}" class="btn btn-light">繼續閱讀</a>
                </div>
            </div>

            <!-- <div class="mb-5 post">
                <div class="mb-4">
                    <a href="{{ .Permalink }}">
                        <amp-img
                            alt="{{ .Title }}"
                            src="{{ .Params.Image | relURL }}"
                            width="2664"
                            height="956"
                            layout="responsive">
                        </amp-img>
                    </a>
                </div>
                <h3><a href="{{ .Permalink }}" style="color:black;"><b>{{ .Title }}</b></a></h3>
                <p class="blog-content" style="font-size:0.8rem;">{{ .PublishDate.Format "January 2, 2006" }}</p>
                <div class="blog-content">
                    <p>{{ .Summary }}</p>
                    <a href="{{ .Permalink }}" class="btn btn-light">繼續閱讀</a>
                </div>
            </div> -->
            {{ end }}
            
            <!-- pagination -->
            {{ $paginator := .Paginator }}
            {{ $adjacent_links := 2 }}
            {{ $max_links := (add (mul $adjacent_links 2) 1) }}
            {{ $lower_limit := (add $adjacent_links 1) }}
            {{ $upper_limit := (sub $paginator.TotalPages $adjacent_links) }}
            {{ if gt $paginator.TotalPages 1 }}
            <nav class="text-center">
                <ul class="pagination post-pagination">
                <!-- Previous page. -->
                {{ if $paginator.HasPrev }}
                    <li>
                        <a href="{{ $paginator.Prev.URL }}" class="page-link">上一頁</a>
                    </li>
                {{ end }}
                <!-- Page numbers. -->
                {{ range $paginator.Pagers }}
                    {{ $.Scratch.Set "page_number_flag" false }}
                    <!-- Advanced page numbers. -->
                    {{ if gt $paginator.TotalPages $max_links }}
                        <!-- Lower limit pages. -->
                        <!-- If the user is on a page which is in the lower limit.  -->
                        {{ if le $paginator.PageNumber $lower_limit }}
                            <!-- If the current loop page is less than max_links. -->
                            {{ if le .PageNumber $max_links }}
                                {{ $.Scratch.Set "page_number_flag" true }}
                            {{ end }}
                            <!-- Upper limit pages. -->
                            <!-- If the user is on a page which is in the upper limit. -->
                        {{ else if ge $paginator.PageNumber $upper_limit }}
                            <!-- If the current loop page is greater than total pages minus $max_links -->
                            {{ if gt .PageNumber (sub $paginator.TotalPages $max_links) }}
                                {{ $.Scratch.Set "page_number_flag" true }}
                            {{ end }}
                            <!-- Middle pages. -->
                        {{ else }}
                            {{ if and ( ge .PageNumber (sub $paginator.PageNumber $adjacent_links) ) ( le .PageNumber (add $paginator.PageNumber $adjacent_links) ) }}
                                {{ $.Scratch.Set "page_number_flag" true }}
                            {{ end }}
                        {{ end }}
                        <!-- Simple page numbers. -->
                    {{ else }}
                        {{ $.Scratch.Set "page_number_flag" true }}
                    {{ end }}
                    <!-- Output page numbers. -->
                    {{ if eq ($.Scratch.Get "page_number_flag") true }}
                    <li class="{{ if eq . $paginator }} active {{ end }}">
                        <a href="{{ .URL }}">
                        {{ .PageNumber }}
                        </a>
                    </li>
                    {{ end }}
                {{ end }}
                <!-- Next page. -->
                {{ if $paginator.HasNext }}
                    <li>
                        <a href="{{ $paginator.Next.URL }}">下一頁</a>
                    </li>
                {{ end }}
                </ul>
            </nav>
            {{ end }}
            </div>
            <div class="col-md-4">
                {{ partial "blog-sidebar.html" . }}
            </div>
        </div>
    </div>
</div>
{{ end }}