Skip to content

Latest commit

 

History

History
64 lines (41 loc) · 4.13 KB

File metadata and controls

64 lines (41 loc) · 4.13 KB
Chinese English Japanese

Endspace Theme For NotionNext

Awesome Arknights Endfield

『アークナイツ:エンドフィールド』の視覚的な美学にインスパイアされたNotionNextテーマ。

Endspaceは、個人ブログに未来主義とインダストリアルSFの独特な雰囲気をもたらすことを目指した、非常にスタイリッシュなNotionNextテーマです。そのUIデザインは、『アークナイツ:エンドフィールド』公式サイトのビジュアルスタイルに深く敬意を表しており。

✨ 特徴

  • インダストリアルSFデザイン:厳格なレイアウト、等幅フォント、およびテクノロジー感のある装飾要素を採用。
  • 没入型ローディング体験:システム初期化ステップとスキャンアニメーションを含むカスタムローディングシーケンス。
  • 統合メディア再生:音楽プレーヤーコンポーネントを内蔵。
  • レスポンシブレイアウト:デスクトップおよびモバイルでの閲覧体験向けに深く最適化されています。
  • 豊富な設定項目:色、アニメーション、表示要素をカスタマイズするための広範なオプションを提供。

🚀 インストールと使用法

本テーマのソースコードは theme ブランチにあります。

  1. テーマのダウンロード:本リポジトリの theme ブランチからすべてのファイルをダウンロードしてください。
  2. インストール:ダウンロードしたファイルをNotionNextプロジェクトの themes フォルダに配置し、フォルダ名を endspace に変更してください(パスは themes/endspace となります)。
  3. 依存関係のインストール:Endspaceテーマは @tabler/icons-reactremixicon-react アイコンライブラリに依存しています。NotionNextプロジェクトのルートの package.json に以下の依存関係が含まれていることを確認してください:
"@tabler/icons-react": "^3.36.1",
"remixicon-react": "^1.0.0"

その後、npm install または yarn install を実行して依存関係をインストールしてください。 4. 有効化:NotionNextの環境変数または設定ファイルを変更し、THEMEendspace に設定することで有効になります。

💡 よくある質問 (Q&A)

NotionNextとは何ですか?

NotionNextは、Notion APIに基づく静的ブログジェネレーターであり、ユーザーがNotionデータベースを通じて直接ブログコンテンツを作成および管理できるようにします。

👉 NotionNext 公式ドキュメント

テーマの設定方法は?

テーマの設定やカスタマイズ方法については、公式ドキュメントを参照してください:

👉 カスタムテーマガイド

なぜEndspaceはNotionNextの公式テーマに含まれていないのですか?

カスタマイズ性が非常に高く、公式に貢献するには多くの修正が必要となるため、自分用として使用することにしました。

👉 プレビュー

💖 サポートと寄付

Endspaceを気に入っていただけたら、ぜひサポートをお願いします!あなたの応援が私の原動力です。(╹▽╹)