Nativelike Notion：为 macOS 打造的 Notion 原生客户端

本文介绍 Nativelike Notion，一个为 macOS 打造的自定义 Electron 封装客户端，为 Notion 网页版提供原生应用般的使用体验。

项目简介

Nativelike Notion 是一个开源的 Electron 封装项目，由 alan-m-shen 开发维护。该项目将 Notion 网页应用包装成原生 macOS 应用，通过添加 macOS 特有的 UI 元素、改进链接和下载处理，以及细微的行为调整，让 Notion 在 Mac 上使用起来更加自然流畅。

注意：由于 Apple 对 macOS 用户界面进行了重大更改，作者已于 2025 年 7 月 29 日归档此仓库，未来将不再更新。

核心特性

原生 macOS 体验：添加 macOS 特有的 UI 元素，让 Notion 看起来像原生应用
链接处理优化：改进外部链接的打开方式，提升浏览体验
下载管理增强：更好的文件下载处理机制
行为微调：针对 macOS 用户习惯进行细节优化
自定义样式：通过注入 CSS 实现 macOS 风格的界面美化

技术栈

Electron 33.4.9 - 跨平台桌面应用框架
electron-builder 25.1.8 - 应用打包工具
JavaScript - 主要开发语言（占比 54.2%）
CSS - 样式定制（占比 45.8%）

安装指南

前置要求

macOS 系统
Node.js 环境
npm 或 pnpm

安装步骤

bash

# 克隆仓库
git clone https://github.com/alan-m-shen/Nativelike-Notion.git
cd Nativelike-Notion

# 安装依赖
npm install

# 启动应用（开发模式）
npm start

# 打包应用
npm run dist

项目结构

text

Nativelike-Notion/
├── main.js          # 主进程入口
├── inject.js        # 页面注入脚本
├── macos.css        # macOS 样式定制
├── package.json     # 项目配置
├── icon.icns        # macOS 应用图标
├── icon.ico         # Windows 应用图标
├── icon.png         # 通用图标
└── screenshot/      # 截图展示

核心文件说明

main.js

主进程文件，负责：

创建和管理应用窗口
处理系统菜单
管理应用生命周期

inject.js

注入脚本，用于：

修改页面行为
添加自定义功能
修复已知问题

macos.css

macOS 样式文件，包含：

.notion-frame 布局优化
macOS 风格界面调整
原生视觉元素适配

使用说明

启动应用：运行 npm start 启动开发版本
登录 Notion：使用你的 Notion 账号登录
享受原生体验：体验优化后的 macOS 风格界面

项目状态

GitHub Stars：6
Forks：1
许可证：MIT
维护状态：已归档（2025年7月29日）

项目链接

GitHub 仓库：https://github.com/alan-m-shen/Nativelike-Notion
截图展示：https://github.com/alan-m-shen/Nativelike-Notion/tree/main/screenshot

注意事项

由于项目已归档，建议：

如需使用，可自行 fork 并维护
关注 Electron 版本更新，及时升级依赖
注意 Notion 网页版 API 变更可能导致的兼容性问题