Notion と Vercel を使用して自分のブログを作成する#
date: 2023 年 4 月 22 日
slug: 22
status: 公開済み
tags: テクノロジー
type: 投稿
利点#
- ブログを低コストで構築するには、独自のドメインを購入するだけです。
- デプロイ後のメンテナンスは不要で、エネルギーを節約できます。
- 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フォルダで、ブログのロゴを変更できます。