『アークナイツ:エンドフィールド』の視覚的な美学にインスパイアされたNotionNextテーマ。
Endspaceは、個人ブログに未来主義とインダストリアルSFの独特な雰囲気をもたらすことを目指した、非常にスタイリッシュなNotionNextテーマです。そのUIデザインは、『アークナイツ:エンドフィールド』公式サイトのビジュアルスタイルに深く敬意を表しており。
- インダストリアルSFデザイン:厳格なレイアウト、等幅フォント、およびテクノロジー感のある装飾要素を採用。
- 没入型ローディング体験:システム初期化ステップとスキャンアニメーションを含むカスタムローディングシーケンス。
- 統合メディア再生:音楽プレーヤーコンポーネントを内蔵。
- レスポンシブレイアウト:デスクトップおよびモバイルでの閲覧体験向けに深く最適化されています。
- 豊富な設定項目:色、アニメーション、表示要素をカスタマイズするための広範なオプションを提供。
本テーマのソースコードは theme ブランチにあります。
- テーマのダウンロード:本リポジトリの
themeブランチからすべてのファイルをダウンロードしてください。 - インストール:ダウンロードしたファイルをNotionNextプロジェクトの
themesフォルダに配置し、フォルダ名をendspaceに変更してください(パスはthemes/endspaceとなります)。 - 依存関係のインストール:Endspaceテーマは
@tabler/icons-reactとremixicon-reactアイコンライブラリに依存しています。NotionNextプロジェクトのルートのpackage.jsonに以下の依存関係が含まれていることを確認してください:
"@tabler/icons-react": "^3.36.1",
"remixicon-react": "^1.0.0"その後、npm install または yarn install を実行して依存関係をインストールしてください。
4. 有効化:NotionNextの環境変数または設定ファイルを変更し、THEME を endspace に設定することで有効になります。
NotionNextは、Notion APIに基づく静的ブログジェネレーターであり、ユーザーがNotionデータベースを通じて直接ブログコンテンツを作成および管理できるようにします。
テーマの設定やカスタマイズ方法については、公式ドキュメントを参照してください:
カスタマイズ性が非常に高く、公式に貢献するには多くの修正が必要となるため、自分用として使用することにしました。
👉 プレビュー
Endspaceを気に入っていただけたら、ぜひサポートをお願いします!あなたの応援が私の原動力です。(╹▽╹)