Hugo Product PM Product Manager

在 Hugo 頁面上讓文章按照字母排序

透過 Shortcode 完成，把放在 post 底下的文章按照字母整理好

前言

在傳統的 Hugo 設計之中，會按照 post 文章的日期進行排序，而如果有相關的業務需求，可能需要按照字母排序。以我自己發想的情境來說，主要是應用在 https://jazzleadsheet.com/ 這個會有許多爵士標準曲、學習爵士樂的網站中，我在其中的 Lead Sheets(標準曲) 頁面中，把所有標準曲樂譜根據 title 來做字母的分類排序。

使用前提：

  1. Hugo 資料夾內的文章是在 content/post 中內
  2. 文章有 title 這個欄位

使用方式

有要使用的朋友歡迎到我的 Github hugo-shortcode-listpost 上，有完整的 Code 可以下載以及教學使用。

由於每個 Hugo 主題多多少少還是有點不同，也可能根據架構不一樣，我自己測試下來在 Fixit 以及 Stack 都可以順利使用。

希望有幫助到你們！有疑問也歡迎聯繫我喔。

使用 list post 的模樣

All Lead Sheets

「

2

A

B

D

G

H

J

N

P

R

使

在

想

慢

成

我

新

活

爵

產

用

自

花

透

鋼

comments powered by Disqus