[Decap CMS] URLを短くする方法（Decap CMS＋Hugo）

はじめに

Decap CMSで記事を作成する際、デフォルトだと記事タイトルの日本語がそのままスラッグ（URL）に使われているために、URLがエンコードされて長くなってしまっています。（例：%E4%BB%A5%E5%A4%96%E3%81%AE… のような部分）。

これを防ぎ短くわかりやすいURLに変更する方法の紹介です。

slug フィールドを使って URL を手動指定すると解決できます。

Decap CMS の記事作成画面に slug を追加して、任意の短いURL（英数字）を指定できます。

例: config.yml の collections に以下を追加

fields:
  - { label: "タイトル", name: "title", widget: "string" }
  - { label: "スラッグ", name: "slug", widget: "string", required: false }

変更後、git push -> netlifyでデプロイすると、下の画像のようにDecap CMS画面にスラッグの項目が出現します。

そして slug を “DecapCMS-custom-slug” のように英語で入力すれば：

のような短くてシンプルなURL にできます。