designer_hhh_com/themes/hugo-bootstrap-5/layouts/partials/news-all.html

<h3 class="post-block-title">
  <span>更多新聞</span>
</h3>
<div class="row news-all">
  {{ range $index, $element := (where site.RegularPages "Type" "post") | first 10 }}

  {{ if (eq $index 0) }}

  <div class="col-12">
    <article>
      <a href="{{ .Permalink }}">
        <img class="img-fluid first-img" src="{{ .Params.image | relURL }}" alt="" />
      </a>
      <section class="news-info">
        {{ range (.GetTerms "categories") }}
        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
        {{ end }}
        <small>{{ .Date | time.Format ":date_long" }}</small>
      </section>
      <h2 class="post-title">
        <a href="{{ .Params.url }}">{{ .Params.title }}</a>
      </h2>
      <p class="post-depiction">
        <a href="{{ .Permalink }}">{{ .Summary }}</a>
      </p>
      <hr>
    </article>
  </div>

  {{ else }}

  <div class="col-12">
    <div class="row align-items-center">
      <div class="col-12 col-sm-6">
        <a href="{{ .Permalink }}">
          <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
        </a>
      </div>
      <div class="col-12 col-sm-6">
        <article>
          <section class="news-info">
            {{ range (.GetTerms "categories") }}
            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
            {{ end }}
            <small>{{ .Date | time.Format ":date_long" }}</small>
          </section>
          <h2 class="post-title">
            <a href="{{ .Params.url }}">{{ .Params.title }}</a>
          </h2>
        </article>
      </div>
      <span class="line">
        <hr>
      </span>
    </div>
  </div>
  {{ end }}
  {{ end }}
</div>