ブログ記事リンクを Twitter に貼り付けた時にプレビュー画像を表示するようにする。
2020-10-27先日、自分のブログ記事を twitter に貼りました。 せっかくサムネイル画像のスペースがあるのに、何もなくて寂しいということで、ここに画像を表示することを目指します。 結論: 設定手順 前提: gatsby-theme-blog を使っている gatsby-config.js…
先日、自分のブログ記事を twitter に貼りました。 せっかくサムネイル画像のスペースがあるのに、何もなくて寂しいということで、ここに画像を表示することを目指します。 結論: 設定手順 前提: gatsby-theme-blog を使っている gatsby-config.js…
gatsby でサイトを作成している際に、日本語の文字化けが発生した。 その原因と解決方法を記載する。 TL;DR ファイルエンコーディングが iso-2022-jp になっていたので、utf-8 に変更すれば解決した。 Vim…
gatsby-blog-theme でブログの記事を作成する場合には、 の中に markdown を置けばよい。 このときのファイル名が、記事の URL となる。 将来的に記事が増えた場合には、1 つのディレクトリ (posts…
gatsby-theme-blog は gatsby-plugin-theme-ui を利用している。 したがって、この plugin の shadowing を行う。 以下のファイルを作成する。 src/gatsby-plugin-theme-ui/index.js…
gatsby-starter-blog-theme の使用方法 基本的には以下のサイトに記載の方法だけで大丈夫。 https://www.gatsbyjs.org/tutorial/using-a-theme/ PWA…