masalibの日記

システム開発、運用と猫の写真ブログです

gatsby

「Gatsby JS」ブログカードのプラグインを追加する

ブログカードとは https://masalib.hatenablog.com/entry/2019/03/12/100000 を下記のようなビジュアル的のリンクに変更してくれる機能です masalib.hatenablog.com インスグラムとかTwitterのリンクを追加したいのでプラグインを導入する事にした github.co…

「Gatsby JS」sitemap.xmlのプラグインを追加する

もしかしてsitemap.xmlはいらないかもしれないが、Search Consoleに登録したいので プラグインを追加することにした 手順 手順は公式サイトどおりにやっています www.gatsbyjs.org プラグインをインストールする gatsbyにはプラグインが用意されているのでイ…

「Gatsby JS」google-analyticsのプラグインを追加する

ログ分析をするために、google-analyticsを追加します。本格的にやる場合はタグマネージャーのほうがいいです。 簡易的なサイトなら、google-analyticsでも問題ないです。 手順 アナリティクスの「トラッキングID」を発行する Googleアナリティクスでデータ…

「Gatsby JS」Netlify CMSに対応する

今まで作ってきたブログなのですが masalib.hatenablog.com Netlify CMSやカテゴリ作成などが対応されていないという事が 発覚したので・・・ もう1度、作り直す事にしましたwww 作り直す事になった最大の理由が「カテゴリ作成」です。 ブログとして必須…

GUIで「Gatsby JS」のサイトを作る方法

前回の記事まではほぼCUI(コマンドベース)だったので GUIベースでサイトを作りたいです。

「Gatsby JS」のコンテンツ更新方法

masalib.hatenablog.com GitHubに登録してインターネットに公開したので、コンテンツの更新方法を記載します。 ぶっちゃけて超ー簡単です /content/blogのフォルダに XXXXX..mdというファイルを追加すれば 自動的に認識します GitHubにあがっているサンプル…

「Gatsby JS」をデプロイしてみた

前回作った「Gatsby JS」で作ったブログをインターネットに公開したいと思います masalib.hatenablog.com

「Gatsby JS」を導入してみた

会社の後輩に「爆速でサイト作れるGatsbyJS最高です。今度教えます!!」と言われた でも後輩の プロジェクトがプチ炎上してしまった為、その教えはまだなされていません。 気になったので自分で調べる事にした。