NotionNext 使用说明

Appearance

Endspace 主题 ​

主题 ID：endspace · 预览：preview.tangly1024.com/?theme=endspace

主题预览 ​

Endspace 主题预览

简介 ​

轻工业终末风，侧栏导航、悬浮控件与加载动画。

主题特性 ​

  • 定位：轻工业终末风，侧栏导航、悬浮控件与加载动画。
  • 适用场景：工业风加载与侧栏
  • 配置前缀：ENDSPACE_*（共 26 项，见下方配置表）
  • 在线预览：preview.tangly1024.com/?theme=endspace

适用场景 ​

工业风加载与侧栏

启用方式 ​

  1. Notion Config 表：THEME = endspace
  2. 环境变量：NEXT_PUBLIC_THEME=endspace
  3. blog.config.js 的 THEME

进阶实现文档 ​

实现细节、全局改动与架构说明见 Endspace 实现文档。如果你准备改主题或提交 PR，建议继续阅读。

配置说明 ​

配置文件：themes/endspace/config.js
也可在 Notion Config 表中填写同名键（对象/数组用 JSON）。

Endspace 主题调色 ​

Endspace 使用轻工业风格色板，可在 Notion Config 表或 themes/endspace/config.js 中覆盖：

js
ENDSPACE_COLOR_BG_BASE: '#fafafa'
ENDSPACE_COLOR_SURFACE: '#ffffff'
ENDSPACE_COLOR_TEXT: '#18181b'
ENDSPACE_COLOR_TEXT_SECONDARY: '#52525b'
ENDSPACE_COLOR_ACCENT: '#FBFB45'
ENDSPACE_COLOR_ACCENT_DIM: 'rgba(251, 251, 69, 0.15)'
ENDSPACE_COLOR_BORDER: '#e4e4e7'

切换到 Endspace 后，也可以在全局主题工具中查看当前调色板，并复制对应配置项。

主要配置项 ​

配置键说明
ENDSPACE_COLOR_BG_BASE页面背景
ENDSPACE_COLOR_SURFACE卡片背景
ENDSPACE_COLOR_TEXT主文字
ENDSPACE_COLOR_TEXT_SECONDARY次级文字
ENDSPACE_COLOR_ACCENT强调色
ENDSPACE_COLOR_ACCENT_DIM弱强调色
ENDSPACE_COLOR_BORDER边框
ENDSPACE_LOADING_COVER见 config.js
ENDSPACE_LOADING_SITE_NAME见 config.js
ENDSPACE_LOADING_TEXT_INIT见 config.js
ENDSPACE_LOADING_TEXT_LOADING见 config.js
ENDSPACE_LOADING_TEXT_COMPLETE见 config.js
ENDSPACE_LOADING_TEXT_SWEEPING见 config.js
ENDSPACE_LOADING_TEXT_FADEOUT见 config.js
ENDSPACE_LOADING_IMAGE见 config.js
ENDSPACE_BANNER_WATERMARK_TEXT见 config.js
ENDSPACE_ARTICLE_WATERMARK_TEXT见 config.js
ENDSPACE_MENU_CATEGORY见 config.js
ENDSPACE_MENU_TAG见 config.js
ENDSPACE_MENU_ARCHIVE见 config.js
ENDSPACE_MENU_SEARCH见 config.js
ENDSPACE_POST_LIST_COVER见 config.js
ENDSPACE_POST_LIST_PREVIEW见 config.js
ENDSPACE_ARTICLE_LAYOUT_VERTICAL见 config.js
ENDSPACE_ARTICLE_ADJACENT见 config.js
ENDSPACE_WIDGET_DARK_MODE见 config.js

相关 ​