Site cover image

hayat ログ

仮想通貨で詐欺にあい、翌年の税金の支払いとトレードで借金1500万overを背負った人のブログです。これから再起を目指します。主に資産を築く前向きなお話とそのハウツー。

🧑‍🎓notionで『無料』のブログ環境を構築してみた(astro-notion-blogを使って)

Featured image of the post

今回、ブログを開設するのにあたって、僕が最も優秀なドキュメントツールと信じてやまない『notion』を使ってブログが開設できるらしいので、試してみました。

(このブログはnotionで作成しています。)

僕は全くの非エンジニアの属性なので、ひたすらググりながら挑戦する流れでしたので、細かい仕組みや仕様についてはお答えできませんので、悪しからず、、

今回のゴール=カスタムドメインで無料でnotionブログを作ること

現在、わたくし、1500万の借金中の身でブログを書き始めようと思ったので、ポイントとしては

  • なるべく無料でブログ環境を構築したい
  • notionでブログを管理・作成したい
  • どうせブログ環境構築するなら、独自ドメインで公開したい

といったところでした。

notionはもともとビジネスの現場で少しかじっていて、とても直観的に扱えるところが非常に気に入っていました。(それまで、wordpressやesaなどのツールは使っていたのですが、表示させたいデザインがある際に、特殊なコードを埋め込んだりしないといけず、めんどくせえなあと思っていたのが背景にはあります)

どうやら、調べていると、「astro-notion-blog」と言われる仕組みを使えば、notionをブログ化できるとのことで、さっそくググりながらトライしてみました。(詳細は次章以降で)

結論と感想

まあ結論から知りたい方もいらっしゃると思うので、notionでブログを作ってみた1日目の初学者の感想をまとめておきます。

導入までの感想
  • GitやNode.jsなどの必要環境を整えて、少し設定をする必要があるが、ドキュメントがきちんと用意されていて、読み進めれば非エンジニアでも2時間くらいで公開まで出来る
  • ドキュメントが日本語なので、英語が苦手な方でも問題ない
  • 無料でnotionベースで記事を書けるのは嬉しい

導入後の感想
  • デザインのカスタマイズなどを行おうとすると、直接HTML/CSSなどを触る必要があり、非エンジニアには難易度が高い(この機会に勉強する)
  • デザインのカスタマイズについては実際に先駆者のブログ/ドキュメントが少なく、ほぼ独学で進める必要がある

まあ、総括して、無料でnotionでブログが書けるっていうのは非常に喜ばしいので、このまま運用を続けていくつもり。

導入していく~♪

基本的には参考になった記事を張っていく。(僕は説明できない)

ちなみに僕はWindowsユーザーなので、Macでの操作などはわかんないのであしからず。

準備するもの
  • notionアカウント
  • gitのアカウント
  • node.jsインストール
  • Cloudflare Pagesのアカウント

参考にするべきサイト

自分はこれだけ読んでなんとなく設定していったら開設できました。

カスタムドメインの設定方法について

実際自分のブログとなると、自分のドメインでブログを作りたくなりますよね。

自分はお名前ドットコムで適当にドメインを0円で購入しました。

実際に購入した後の流れとしては、自分のブログを管理しているCloudFlare Pagesで環境変数として諸々設定を行い、お名前ドットコムの方でネームサーバーを変更する感じです。

こちらも他人の記事を読みながら進めたので、紹介しておきます。

https://astro-notion-blog-phr.pages.dev/posts/2023_05_my-first-post/