投稿した記事にタグ付けするような機能は是非とも欲しいと思っていた。こちらも ページネーションの記事 同様、実装がさほど難しくなさそうだったのでプラグインではなく自前で実装した。 用意するもの キーワード一覧ページ キーワードに紐づく記事一覧ページ レイアウト URL 基本的にや…

Markdown による記事投稿 このサイトを始めるにあたり、記事は Markdown 記法で書きたかったので gatsby-plugin-mdx を導入した。Markdown 記法が使えればよかったのでチュートリアルにも出てきた gatsby-transformer-r…

本サイトは gatsby-starter-default をベースに構築している。そのためページネーションのような気の利いた機能は元からついていない。そこまで多くの記事を書く見通しは経っていないが、記事一覧が延々と縦に長くなっていくのはどうにも落ち着かないので早々にページネ…

チュートリアルを試す ステップ６、７ ステップ６と７は連続している。 ステップ６で Markdown で書かれた記事を一覧表示するページを作成し、ステップ７で Markdown で書かれた記事をいかに HTML としてレンダリングするか、またステップ６で作成した記事一覧からその…

チュートリアルを試す ステップ４ ここからの４つのステップは連続しており、これらを通して Gatsby が兼ね備えるかなり強力な機能である graphql によるリソースへのアクセスについて書かれている。これらのステップを通すことで最終的に markdown 記法による…

チュートリアルを試す ステップ２ ステップ２にはスタイルの当て方が書かれている。 ２種類の当て方があって、一つは gatsby-browser.js というファイルで CSS ファイルを import する方法。 この CSS はサイト全体に適応される。 もう一つはコンポー…

モチベーション かねてより静的サイトジェネレータには興味が有った。 Gatsby 選定理由 static site generator で検索して出てきた Site Generators というサイトのまとめをみて、Gatsby は世界的に人気があり「素早くモダンなサイト…