news_aimedium_org/themes/hugo-bootstrap-5/layouts/partials/news-main.html

<div class="news-main">
  {{ range first 2 (where .Site.Pages "Params.type" "main") }}
  <div class="col-12 mb-3">
    <div>
      <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 my-0 my-lg-3">
        <a href="{{ .Params.url }}">{{ .Params.title }}</a>
      </h2>
    </div>
    <a href="{{ .Permalink }}">
      <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
    </a>
  </div>
  {{ end }}
  <!-- {{ range first 1 (where .Site.Pages "Params.type" "main") }}
  <div>
    <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 my-0 my-lg-3">
      <a href="{{ .Params.url }}">{{ .Params.title }}</a>
    </h2>
  </div>
  <a href="{{ .Permalink }}">
    <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
  </a> -->


  <!-- <div class="col-12 col-sm-6 col-md-4 col-xl-3">
      <div class="card h-100">
        <div class="card-header">
          <a href="{{ .RelPermalink }}">
            <h2 class="card-title text-center mb-0">
              {{ .Title }}
            </h2>
          </a>
        </div>
        <a href="{{ .RelPermalink }}" class="h-100">
          <div class="card-body h-100 d-flex flex-column justify-content-center">
            <section class="d-flex">
              <h4>電話：</h4>
              <h4>{{ .Params.phone }}</h4>
            </section>
            <section class="d-flex">
              <h4 class="m-0">地址：</h4>
              <h4 class="m-0">{{ .Params.address }}</h4>
            </section>
            {{ range .Params.tags }}
              <span class="badge bg-secondary">{{.}}</span>
              {{ end }}
          </div>
        </a>
      </div>
    </div> -->
  <!-- {{ end }} -->
</div>