Tag: Gatsby

gatsby

概要

gatsby.js で markdown から静的なファイルを生成、 Netlify で SSL で公開した。

セットアップ

sudo apt -y install npm mkdir -p ~/workspace/gatsby cd ~/workspace/gatsby npx gatsby new gatsby-starter-blog https://github.com/gatsbyjs/gatsby-starterblog cd gatsby-starter-blog ; npx gatsby develop # スターターセットを使った最後に「これを実行する」と表示されていた

以降、 npx gatsby develop の機能により

gatsby のオプション

オプション効果
-H, –hostデフォルトは localhost で開くがホストを変えたい場合。例えば eth の IP アドレスを指定すれば別マシンからでもアクセスできる
-p, –portポート番号、デフォルト 8000

参考 gatsby cheat sheet

設定変更

gatsby-config.js で下記を変更する

  • siteMetadata

  • twitter のアカウント、サイト URL など

  • プロフィール画像の差し替え

    Read more...

gatsbyのレイアウト変更をした

gatsby のレイアウト変更をした

ディスプレイは横長なのに中央部分にしか表示されないので左右に余白が多い。

変更対象

src/style.css

変更箇所

–maxWidth-2xl を削除すると広がる

Read more...