everdream

ブログを改修した

2019年03月01日


2019 03 03 01 26 18

今までこのブログはGatsbyのスターターほぼそのままでやってきていたが、少しだけ見た目をいじることにした。

やったこと

  • 記事ページのタイトルと日付をセンタリングした
  • 日付を日本語表記にした
  • WebPに対応したブラウザにはWebPの画像を配信するようにした

    • 実はこの記事をアップするまでWebP非対応ブラウザでの検証ができていないので、壊れていたらロールバックする
  • PCで見た場合の幅を広くした
  • 余白を増やした

これからやりたいこと

  • 記事にタグを付けるようにする
  • 記事一覧のレイアウトをもうちょっとそれっぽくする
  • フォントをどうにかする
  • スタイル直書きが気持ち悪いのでなんとかする
  • ついでにTypography.js依存をなくす
  • 記事のシェアをやりやすくする

    • 私がMastodonにほぼ移行したので、ツイートボタン設置とかじゃない方法で

現時点で諦めたこと

  • 画像のLazy Loading

    • 画像の呼び出しをGatsbyの独自タグでやれば勝手によしなにしてくれるらしい
    • Lozad.jsとかを無理矢理かませればいいのかもしれない
    • Chromeが自前で実装するらしいので良いかな……
  • Lightbox

    • これも独自タグで画像を呼び出す前提なら方法があるらしい
    • 上もそうだけどMarkdownの画像記法まわりはgatsby-remark-imagesとして分離されているので、これを改造してしまえばあっさり達成できそうな気がする