hugo/docs/content/en/functions/collections/After.md
2023-10-20 09:43:56 +02:00

2 KiB
Raw Blame History

title linkTitle description categories keywords menu function relatedFunctions aliases
collections.After after Slices an array to the items after the Nth item.
functions
docs
parent
functions
aliases returnType signatures
after
any
collections.After INDEX COLLECTION
collections.After
collections.First
collections.Last
/functions/after

The following shows after being used in conjunction with the slicefunction:

{{ $data := slice "one" "two" "three" "four" }}
{{ range after 2 $data }}
    {{ . }}
{{ end }}
→ ["three", "four"]

Example of after with first: 2nd4th most recent articles

You can use after in combination with the first function and Hugo's powerful sorting methods. Let's assume you have a list page at example.com/articles. You have 10 articles, but you want your templating for the list/section page to show only two rows:

  1. The top row is titled "Featured" and shows only the most recently published article (i.e. by publishdate in the content files' front matter).
  2. The second row is titled "Recent Articles" and shows only the 2nd- to 4th-most recently published articles.

{{< code file="layouts/section/articles.html" >}} {{ define "main" }}

Featured Article

{{ range first 1 .Pages.ByPublishDate.Reverse }}

{{ .Title }}

{{ .Description }}

{{ end }}

Recent Articles

{{ range first 3 (after 1 .Pages.ByPublishDate.Reverse) }}

{{ .Title }}

{{ .Description }}

{{ end }}
{{ end }} {{< /code >}}