💁‍♀️

初心者だってNotionでブログをはじめたい!!知っておくといいことをまとめました

2022/05/16に公開

Notionでブログをはじめるときになるべく無料でやりたい.....
と考えてしまうのは私だけでしょうか???

実はGitHubに様々なリポジトリが存在しています。

でも、
セットアップの際エラーとの格闘.....
なるべく避けたいですよね。

そのために知っておくとスムーズに設定できる情報をまとめちゃうことにしました。

動画で概要を知る

Notionネタで_35dさんの情報は必須。(だと勝手に思ってる)

https://youtu.be/-vYnYG3K19A

サーバーを使ったり、APIを使ったりしたことある方にとっては
「.....あ、いつものあれね。」
で終わることかもしれませんが、

初めての方にとっては
「もー何?その暗号???トークンってなんじゃー」
って焦ります。

早送りではあるものの、
全体像が分かるので実際に手を動かす前に見ておくとつまずきが減ると思います(^^)

自分の嗜好に合うリポジトリを探す

いずれにせよGitHubのアカウントは必要になります。

https://zenn.dev/protoout/articles/50-howto-github-setup

GitHubで検索

GitHubの検索画面からNotion blogを検索してみます


https://github.com/search

左のメニューにあるTopicをクリック

notion-blogというトピックが表示されるので選択します。

するとズラズラっと世界中のリポジトリが表示されちゃいます(´゚д゚`)

英語が大丈夫な方は人気なリポジトリから選んでみるといいと思います★

easy-notion-blogの開発者(otoyo)さんが
つい先日人気リポジトリとの比較記事を投稿されたので置いていきますねー(´ω`)
https://alpacat.com/blog/popular-notion-blogs

「日本語がいいな....」という方はeasy-notion-blogがいいかもしれません(*´ڡ`●)

https://github.com/otoyo/easy-notion-blog

実際にセットアップをしてみよう

気になるリポジトリに出会えたらFork(またはClone)をしてみてください。

リポジトリをクローンする/GitHub Docs
https://docs.github.com/ja/repositories/creating-and-managing-repositories/cloning-a-repository

これより先に説明する内容はeasy-notion-blogのセットアップになりますが、
他のリポジトリのセットアップでも似たようなことをするので参考になればと思います。

GitHubの所作

私もそうでしたが、

ブランチ・コミット・プッシュ....分からないですよね。
そのような部分からサポート記事の用意がされているeasy-notion-blogのWikiページです。


easy-notion-blog/wiki/よくある質問-ソフトウェアエンジニアでない人向け

もー意味わからない!って方は、

こちらの記事がいいかもしれません...(私は当初こっち派でした)

https://qiita.com/mather314/items/a1536c52a2eb0426b2b5

https://oldbigbuddha.dev/posts/for-git-beginners

いじればいじるほどブランチが増えていってしまう状態になって困った時に助けられました...m(_ _)m

カスタマイズする前の段階でしたら、
「上手く行かなかったら消しちゃう。」

んで、

また作り直せばOK\(^o^)
気楽に......ね🎶

NotionAPIの設定

動画でも触れられていた部分ではありますが、
easy-notion-blogのクイックスタートにはリンク付きの説明があります。
他のリポジトリを取り込むときも同じようなことをするので参考になるかと思います★

https://github.com/otoyo/easy-notion-blog/blob/main/README.ja.md#L50-L58

また、開発者(otoyo)さんの個人ブログの方でも解説記事があります。

https://alpacat.com/blog/easy-notion-blog

他の設定

Vercelの環境変数の設定やdeployボタンを押した後のエラー画面との戦い....

実際に格闘しながらなんとか脱出をした方のIssueやTwitterのやりとりを紹介します。

その後アップデートがなされ言語設定の違いや列名不一致によるエラーに気づけるように改良されています。

スレットがだいぶ深いので遡るとやりとりを覗けます\(^o^)/

他のリポジトリをセットアップする時に同じようなことが原因になっていないか....
確認すると上手くいくかもしれません。

easy-notion-blogのクイックスタートについて

easy-notion-blogのクイックスタート

https://github.com/otoyo/easy-notion-blog/blob/main/README.ja.md#クイックスタート

こちらを手がかりに進めてみたけれども上手く行かない.....

という場合は、
より詳しく解説した記事ってもんがあります。
実際私はGitHub未経験状態からだったので、
結構格闘しました。
その時に作成した記事がありますので、

微力ながら参考になればと思います。

easy-notion-blogを開設する流れ_これでもかと丁寧に解説
https://herohoro.com/blog/easy-notion-blog-firstdeploy

当ブログ(herohoroブログ)の『README』というタグでは、
セットアップ後にオプションで必要な設定方法についても解説しています。

https://herohoro.com/blog/tag/README

まとめ

easy-notion-blogよりな内容になってしまいましたが、
重なる知識もたくさんあります。

なので、
前提知識として知っておくとNotionで楽しいブログライフを送れるんじゃないかと思います\(^o^)/

easy-notion-blogをセットアップしたりカスタマイズしたりしながら知識をつけていき、
つい最近他のリポジトリをセットアップしてみたのですが、
びっくりするほどスムーズに済ませることが出来ました。

筋トレにeasy-notion-blogはおすすめかもしれません....www

Discussion