Gatsbyを試してみたら30分弱でブログ作れた。

はじめに

前回ノリでHugoを試してみたので、それなら前々から気になってたGatsbyもノリでやっちゃえっ!!ってことで試してみました。

参考にしたのは以下Qiitaの記事のみです

✅環境
Windows

✅参考
GatsbyとNetlifyで簡単にブログを作成

Gatsbyを試してみた

✅ブログ生成

①インストール

npm install -g gatsby-cli

②ブログ作成

※デザインはこちらから選ぶらしい👉こちら

gatsby new my-blog https://github.com/gatsbyjs/gatsby-starter-blog

※5分くらい待ちます。

③確認

cd my-blog
gatsby develop

http://localhost:8000/

左がPC、右がスマホ。

④記事の追加

content/blogに新しい記事.md(マークダウン形式)で作成

めんどいのでコピペ。(タイトルのみ変更)

リアルタイムで更新された!!

⑤GitにPush

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/yourname/your-blog-name.git
git push -u origin master

⑥Netlifyでデプロイ

Build Commandはgatsby build、Publish directoryはpublic/※最初から入力されてる。

⑦確認

表示されたURLをクリック。

無事表示

※サイトは確認後削除しました。

おわりに

ものの30分弱で作れちゃいました。(GitHubとNetlifyのアカウントが作成済みだったにせよ速い。)

しかも投稿、削除なども.mdでやればいいんだなと直感でわかる仕様。

Hugoでは記事投稿がパッとはできず、そこでブログ生成をやめてしまいましたがGatsbyは本当にすぐフォルダ階層を見て理解できました。

しっかり作るってなったら何かしら躓くポイントが出てくると思いますが、いずれにせよこの気軽さは驚愕。。。

気が向いたらもう少し弄ってみたいと思います。

コメントを残す