Gatsby.js のサイトの改善

Gatsby.jsを使ってサイトを作っているのですが、その途中経過として書きます。
今回はブログページを中心にいじりました。

下書き/公開の設定

下書き中の記事のマークダウンのヘッダー部分をstatus: 'draft'に設定することで公開されないようにしました。
gatsby-node.jsのところでpublishedだけを抽出して、実現しています。

コードのハイライト

prism.jsが入っているのですが、テーマをokaidiaに変更。 それと、コードのフォントサイズを少し小さめに。とくにスマホ表示用(実際、Qiitaでもこうなっている)

Ryoga.exe

Student / Programmer / Skier

© 2020-2021 Ryoga.exe All rights reserved.Built with Gatsby