gatsby– category –
-
【GatsbyJS製ブログ】MDXの記事に画像を表示(gatsby-plugin-imageの利用法も)
こちらの記事で、MDXの書き方について説明しましたが、この記事ではMDX内で画像を表示する方法を説明します。 簡単に画像指定することもできますが、せっかくGatsbyを使っているので、画像最適化プラグインgatsby-plugin-imageをMDX内で使う方法も説明しま... -
【GatsbyJS製ブログ】ヘッダーとフッターのパーツ化「exportとimport」
Gatsby製ブログのカスタマイズ、今回は「ヘッダー、フッター作成と挿入」です。 ヘッダー、フッターのパーツ化をしてプログラミング的にインポートしていきたいと思います。 パーツ化をすると、 使い回しがカンタン 管理がラク というメリットがあるので、... -
【GatsbyJS製ブログ】フォントをGoogleフォントに変更する
Gatsbyのデフォルトの日本語フォントはお世辞にも見やすいもの、とは言えません。なんかこう「海外産」って感じです。今回はフォントの変更をしていきたいと思います。 フォント変更前 この記事はこんな人にオススメ Gatsbyのフォントをもっとカッコよく変... -
【GatsbyJS製ブログ】SCSS & CSS Modulesで快適CSS開発環境を作る
ようやく開発環境が整ってきましたが、まだまだ快適開発環境への欲は尽きません。ということで、Gatsby製ブログをカスタマイズする記事第３弾は、以前より興味津々だったSCSSとCSS Modulesを使ってSCSSをブログに当てていきたいと思います。 この記事はこ... -
【GatsbyJS製ブログ】GitHubActionsでブログ更新をサーバに自動デプロイ
今回はGatsby製のブログをGitHub Actionsを使ってGitHubにプッシュした際に自動でレンタルサーバーにデプロイする、という挙動を実装していきます。 「その前にGatsbyの基本について、もう一度知っておきたい」という人はこちらもあわせてお読みください！... -
【GatsbyJS製ブログ】インストールからブログ立ち上げとGatsbyの構造
GatsbyJS、ご存知でしょうか？（以下Gatsby）「静的にサイトを作る（後述）ので爆速・セキュリティばっちり」「プラグインとかテーマが豊富」「Reactで書いてある」「GraphQLを使っている」などなど、Gatsbyは魅力的で勉強になりそうなワードがたくさん詰...
