beta

HUGOで記事のパーマリンクがindex.jsonになる時の対処

HUGOで、通常HTMLとjsonファイルを両方配信するようにしていたら、パーマリンクがindex.jsonになってしまったので、対処方法をまとめました。

公開日：2019年9月18日

目次

現象

HUGOのoutputsで出力をHTMLとJSONの両方にしている
Permalinkは下記の設定

[permalinks]
    post = "/topics/:slug/"

普通に、HTMLヘッダ部分にcanonicalを設定したら

<link rel="canonical" href="{{ .Permalink }}">

パーマリンク部分が、https://example.com/topics/xxxxx/index.jsonとなってしまいました。

解決方法

問題は簡単で、comfig.tomlでのoutputsの設定の書き方でした。

[outputs]
  page = ["JSON", "HTML"]

とすると、Permalinkがjsonになり、

[outputs]
  page = ["HTML", "JSON"]

とすると、通常のURLに戻りました。

どうやら、先に書いている方式をパーマリンクとするようです。

Author

C0d3man52: Personal

新着ノート

Gitlabの2段階認証下でコンテナレジストリにPushする方法

gitlab

公開日：2020年12月23日
HUGOでコンテンツディレクトリを別レポジトリで管理する

HUGO

公開日：2020年4月27日

新着コード

cURLでCloudflare APIでキャッシュを削除する

cloudflare

公開日：2020年5月1日
iOS Safariでselectを含む要素にoverflow-y:scrollすると横にスクロールする時の対応

iOS

公開日：2020年4月15日

新着ノート

新着コード

import { createApp } from 'vue'
import App from './App.vue'
import dayjs from 'dayjs';

const app = createApp(App);
app.config.globalProperties.$dayjs = dayjs
app.mount('#app')

JAVASCRIPT Vue.js 3でdayjsをグローバルに組み込む方法 Koji Kadoma

import { createApp } from 'vue'
import App from './App.vue'
import routes from './routes'
import { store } from './stores/'

const app = createApp(App);
app.use(routes);
app.use(store);
app.mount('#app')

JAVASCRIPT Vue.js 3でのmain.jsの書き方 Koji Kadoma

docker run --detach -it --restart=always --name=dropbox -e "POLLING_INTERVAL=20" -v /home/rancher/Dropbox:/opt/dropbox/Dropbox otherguy/dropbox:latest

DOCKER Dropboxのdockerコンテナを立ち上げる Koji Kadoma

<template>
  <p id="exscript">
    <ins class="banner"></ins>
  </p>
</template>
<script>
  export default {
    mounted() {
      let scriptEl = document.createElement('script')
      scriptEl.setAttribute('src', 'スクリプトのURL')
      document.getElementById('exscript').appendChild(scriptEl)
    }
  }
</script>

JAVASCRIPT Vue.jsのコンポーネントで外部scriptをロードする方法 Koji Kadoma

カテゴリ

タグ