easy notion blog

英語| 日本語| 한국어

簡単な否定ブログ

Easy NotionBlogは、概念ブログのスターターキットです。概念ブログを簡単かつ迅速に開始するのに役立ちます。

• 非常に高速なページの読み込み
• あなたの概念についてブログを書くことができます
• サイトの外観を完全にカスタマイズできます
• compuly公式概念APIを使用します

Astro Notion-Blogはよく開発されているため、考えてみてください。

スクリーンショット

？ブログ側

？概念側

クイックスタート

要件

• 概念
• ヴェルセル
• git

ステップ

1. このリポジトリに出演します
   • それは私をやる気にさせます！
2. テンプレートを概念に複製します。
3. url https://notion.so/your-account/<HERE>?v=xxxx = DATABASE_IDの一部に注意してください
   • Ex） 158bd90116004cd19aca26ad88cb5c07
   • ショ和注意： ?v=NOT_THIS_VALUE 。先の文字列を使用します。
4. 統合を作成し、 NOTION_API_SECRETとして「内部統合トークン」に注意してください
5. Notionデータベースページで統合とデータベースを共有する
6. vercel.comにアクセスしてログインします
7. このリポジトリotoyo/easy-notion-blogをインポートして新しいプロジェクトを作成します（チームの作成スキップ）
8. 「プロジェクトの構成」、[環境変数]を[設定]を開くと、 NOTION_API_SECRETとDATABASE_IDを設定します
9. あなたの概念ブログは、展開後に公開されます

デモ

https://easy-notion-blog-otoyo.vercel.app/blog
Wikiのユーザーサイトも参照してください。

カスタマイズする方法

追加の要件

• node.js V16以降
• 糸
• direnv

ステップ

1. 「フォーク」ボタンからこのレポをフォークし、ローカルワークスペースにクローンします。
2. プロジェクトルートにDiRENVを使用して、次の環境変数を設定します。

direnv edit . 

 export NOTION_API_SECRET= < YOUR_NOTION_API_SECRET >
export DATABASE_ID= < YOUR_DATABASE_ID >

3. 依存関係をインストールし、ローカルサーバーを起動します。

yarn install
yarn dev

開発環境では、出版されていない投稿も表示され、外観を確認します。
ただし、有効なSlugのない投稿は表示されません。

4. http：// localhost：ブラウザで3000を開きます。
5. ターミナルのCtrl+Cを押して停止します。

詳細については

wikiを参照してください。

バグレポートと機能リクエスト

問題を作成してください。英語と日本語の両方で大丈夫です。

？ Twitterコミュニティ

更新に関する最新情報を入手でき、カスタマイズ方法を知りたい場合は、他のメンバーがサポートできます。

• 簡単な否定ブログ

貢献

プルリクエストは大歓迎です。

---

Easy Notion-Blogは、IJJK/Notion-BlogとOtoyo/Notion-Blogに基づいています