Notion と Vercel を使用して自分のブログを作成する#
日付: 2023 年 4 月 22 日
スラッグ: 22
ステータス:公開済み
タグ:テクノロジー
タイプ:投稿
利点#
- 自分のドメインを購入するだけで、低コストでブログを構築できます。
- デプロイ後はメンテナンスが不要で、時間を節約できます。
- Notion 自体が私の主力のノートソフトウェアであり、執筆や更新、移行が容易です。
- アクセス速度が速く、グローバル CDN に展開されているため、国内外からアクセスでき、事前登録も不要です。
デプロイ手順#
1. Nobelium が提供するテンプレートを開き、コピーします。#
このテンプレートを自分の Notion ワークスペースにコピーし、このページをパブリックに設定します。
2. このプロジェクトを Fork し、Vercel でデプロイします。#
i. Github でこのプロジェクトを Fork します。
ii. Vercelにログインし、Github に認証を行い、Fork したリポジトリをデプロイします。
iii. 環境変数(Environment Variables)で NOTION_PAGE_ID
を設定し、値には Notion テンプレートの対応するページ ID を入力します。
iv. デプロイをクリックし、成功したら Vercel が割り当てた一時リンクが表示されます。
3. CloudFlare を使用してドメインをバインドします。#
i. Cloudflare でドメインを追加し、無料プランを選択します(無料で利用できます)。
ii. ドメインを購入したプロバイダで DNS サーバーを Cloudflare に設定します。
iii. Cloudflare で CNAME レコードを追加し、内容に cname.vercel-dns.com
を入力します。
カスタムブログ#
Github リポジトリの ****blog.config.js
**** ファイルでブログの名前、著者、言語、および説明を変更できます。
public
フォルダーでブログのロゴを変更できます。