Category: 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 の機能により

  • http://localhost:8000/ でローカルの内容が表示される
  • ローカルでのファイルの変更がすぐに http://localhost:8000/ に反映される

gatsby のオプション

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

参考 gatsby cheat sheet

設定変更

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

  • siteMetadata

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

    Read more...