Skip to content

Latest commit

 

History

History
64 lines (41 loc) · 3.24 KB

File metadata and controls

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

Endspace Theme For NotionNext

Awesome Arknights Endfield

A NotionNext theme inspired by the visual aesthetics of Arknights: Endfield.

Endspace is a highly stylized NotionNext theme designed to bring a unique futuristic and industrial sci-fi atmosphere to your personal blog. Its UI design pays deep homage to the visual style of the official Arknights: Endfield website.

✨ Features

  • Industrial Sci-Fi Design: Rigorous layout, mono-spaced typography, and tech-inspired decorative elements.
  • Immersive Loading Experience: Custom loading sequence including system initialization steps and scanning effects.
  • Integrated Media Playback: Built-in music player component.
  • Responsive Layout: Deeply optimized for both desktop and mobile reading experiences.
  • Rich Configuration Options: Extensive settings to customize colors, animations, and display elements.

🚀 Installation & Usage

The source code for this theme is located in the theme branch.

  1. Download Theme: Please download all files from the theme branch of this repository.
  2. Install: Place the downloaded files into the themes folder of your NotionNext project and rename the folder to endspace (so the path should be themes/endspace).
  3. Install Dependencies: The Endspace theme depends on the @tabler/icons-react and remixicon-react icon libraries. Make sure to include the following dependencies in your package.json at the root of your NotionNext project:
"@tabler/icons-react": "^3.36.1",
"remixicon-react": "^1.0.0"

Then run npm install or yarn install to install the dependencies. 4. Enable: Modify the NotionNext environment variables or configuration file and set THEME to endspace.

💡 Frequently Asked Questions (Q&A)

What is NotionNext?

NotionNext is a static blog generator based on the Notion API, allowing users to create and manage blog content directly through a Notion database.

👉 NotionNext Official Documentation

How to configure the theme?

For information on how to configure and customize your theme, please refer to the official documentation:

👉 Custom Theme Guide

Why is Endspace not included in NotionNext official themes?

It is highly personalized and would require significant modifications to contribute officially, so I decided to use it for personal use.

👉 Live Preview

💖 Support & Appreciation

If you like Endspace, your support is welcome! Your encouragement is my motivation. (╹▽╹)