GatsbyJSで作っているブログでシンタックスハイライトが適用されるようにした
はじめにギフティ Advent Calendar 2019 - Qiitaの3日目の記事。枠が空いていたので書いた。アドベントカレンダー駆動開発でこのブログを進化させていくスタイルをとっていきたい。このブログでコードを書いた時にコードブロックがいい感じになるようにしたので、その過程をまとめる。まずはシンタックスハイライトが適用されるようにするところから。 前提このブログはGatsby公式のgatsby-starter-blogをベースに作られている。 gatsbyjs/gatsby-starter-blog: Gatsby starter for creating a blog やりたいことブログ内に出てくるJSやRubyのコードにシンタックスハイライトを適用したい。 デモ
Image Optimization Made Easy with Gatsby
Shave off hours of work with a simple to use React component built for images. Optimizing images hardly sounds like an ideal afternoon of work, but in today’s world it’s become a necessary evil. This post looks at how it can be done much easier using gatsby-image. For practical examples of methods used in this tutorial, check out this free playlist of Egghead videos that show how to use Gatsby Ima
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GatsbyJSで作っているブログでコードブロックの行数を表示できるようにして、プラグインの中身を少し読んでみた
GatsbyJSで作っているブログでコードブロックにタイトルをつけられるようにした
「Meguro.es #20」でLPをGatsby.jsで作った話を発表した | ナンチャラカンチャラ
