ひかげGatsbyJS

GatsbyJS 日付表示を編集・修正・変更

2020-06-15

GatsbyJS gatsby-starter-blogのテーマで、トップページと個別投稿ページの日付表示を編集・修正・変更をしてみる。

gatsby-starter-blogのテーマを前提。

トップページの日付表示を変更

GatsbyJS トップページの日付表示を変更

/src/pages/index.tsx

          frontmatter {
            date(formatString: "MMMM DD, YYYY")
            title
            description
          frontmatter {
            date(formatString: "YYYY-MM-DD")
            title
            description

個別投稿ページの日付表示を変更

GatsbyJS 個別投稿ページの日付表示を変更

/src/templates/blog-post.js

        date(formatString: "MMMM DD, YYYY")
        date(formatString: "YYYY-MM-DD")

まとめ

GatsbyJSは、まだ超初心者なので、少しずつ学習をしながら改善をしてみます。


Written by ひかげ 細くせまく長く少し深くのRタイプ。そこそこに適当な人生を歩んでいます。 Twitter@ひかげ