【GatsbyJS】ブログにZennのようなメッセージを記事に埋め込む
2021-06-232022-04-22今回はGatsbyJSブログに[gatsby-remark-custom-blocks]というパッケージを利用してZennのようなメッセージを記事に埋め込めるようにしたので実装方法を解説します!!
今回はGatsbyJSブログに[gatsby-remark-custom-blocks]というパッケージを利用してZennのようなメッセージを記事に埋め込めるようにしたので実装方法を解説します!!
今回はGatsbyJSブログに[gatsby-awesome-pagination]というパッケージを利用してPagenationを実装してみたので解説します!!
今回はGatsbyJSブログにSitemapを実装してGoogle Search Consoleに登録してみたので解説します!!
今回はGatsbyJSブログにInfiniteScrollを実装してみたので解説します!!
今回はGatsbyJSブログの記事にiframeryで良い感じに外部リンクを埋め込めるようにしたので解説します。外部リンクが良い感じになるだけで良い感じのブログになりますね!!
今回はGatsbyJSブログの記事にTwitterの投稿を埋め込めるようにしたので解説します。Twitterでつぶやいたことをそのままブログの記事にしたり、他の人がつぶやいたことを参考にしたりすることもあると思うので便利ですよね!!
今回はGatsbyJSブログのOGP画像を記事ごとに生成できるようにしたので解説していきます。twitterなどにリンクを張る時に記事のトップ画像を表示するだけで、まともな記事に見えるので絶対にやったほうがいいですよね!
今回はGatsbyJSブログに自分のSNSへのリンクをプロフィールに追加します。
今回はGatsbyJSブログの記事ページにSNS等のシェアボタンを追加します。さまざまな人に見てもらいたいです!
今回はGatsbyJSブログの記事ページにヒーロー画像をつけて、記事一覧にもサムネイルとして画像を表示できるようにします。記事のトップや一覧のサムネイルに画像があるだけで、印象が変わりますからね。
今回はGatsbyJSブログの記事内にYouTubeを埋め込めるようにします。GatsbyJSの公式ページの内容通りやれば簡単にできます。
今回はGatsbyJSブログにNetlify Formsでお問い合わせページを追加します。公式ページの内容とおりやれば簡単にできるのでおススメです!
今回はGatsbyJSブログにGoogleAnalyticsを導入して、訪問者数などの情報を取得してみたいと思います。せっかくブログやるなら訪問者数とか意識していきたいですよね。
今回はGatsbyJSブログにタグページを追加して、タグごとに記事一覧が表示できるようにします。
今回はGatsbyJSブログの記事ページに目次をつけて、記事の全体構成を把握してもらえるような構成にします。
今回はGatsbyJSブログの記事ページを、Qiitaのようにコードブロックにタイトルを付けられるようにして、さらに指定した行をハイライトできるようにします。
今回は About ページとそこに遷移するためのナビゲーションバーを作成したので、実装した部分を書いていきたいと思います。
GatsbyJSとGitHubとNetlifyでブログを始めました。