昨日までに作成した資産 の見栄えを整えてみたいと思います。 Emotion を使用します。 Emotionを使うと以下のことができます。 css属性とcssタグ関数によるスタイルシート記述 styledタグ関数によるコンポーネント生成 後者については gatsby…

Gatsby上のMDX記事の一覧を作成する方法のメモです。 昨日までに作成した資産 に対して記事一覧ページを追加します。 1.ゴール 以下の仕様にします。 デフォルトページ (index.html…

Gatsby上のMDX記事で画像のスライドショーを表示するための手順メモです。 gatsby-plugin-image と react-responsive-carousel…

Gatsbyで MDX 形式の記事を扱えるようにするための手順メモです。 今回は gatsby-plugin-mdx が組み込まれた starter は使いません。 クリーンな状態から初めて最低限の記述で動作させることを目指します。 1.プロジェクト作成 最初に gatsby…

Gatsbyの公式ドキュメント には、MDXファイルから props 変数経由で frontmatter を参照できると書いてあります。 Frontmatter is also available in props.pageContext.frontmatter and…