Notion 小技巧 | Notion 如何快速记录？

Matrix 精选

Matrix 是少数派的写作社区，我们主张分享真实的产品体验，有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章，展示来自用户的最真实的体验和观点。

文章代表作者个人观点，少数派仅对标题和排版略作修改。

我每天都用 Notion，它是我最喜欢的任务管理和笔记软件。但 Notion 少了一个像 Unclutter 一样的「快速记录」模式，后者可以节省了大量时间，帮助我快速记录新内容或是新想法。

另外 Unclutter 也有缺点，它只支持纯文本，不支持 Markdown 和图片，也没有自带的云同步功能（iCloud 可以实现同步）。

好在通过最近的摸索，我发现在 Mac 上实现 Notion「快速记录」有两种方式：

方法一：使用软件 Fluid 将 Notion 固定在 Mac 的菜单栏上，点击菜单栏 icon 即可记录。相比于方法二，好处是能简化页面样式，干净舒服。

方法二：使用软件 Slidepad 或 Better and Better 将 Notion 吸附到 Mac 的侧边，鼠标碰到侧面就会出现。相比于方法一，好处是操作更加方便快捷。

方法一：固定在 Mac 的菜单栏里

Fluid 是一个将网站变成应用程序的 Mac 实用程序。因为 Notion 提供了 Web 版本，我可以将每个重要的 Notion 页面制作成 Fluid 应用程序，并将其固定在菜单栏上。通过使用浮动窗口来将这些网页悬停在我的其他窗口上，并结合自定义的 CSS，让界面更加简洁。

步骤

1. 安装 Fluid ，前往 http://osen.deisgn 搜索「Fluid」下载

2. 打开 Fluid，出现如下窗口，填写相关信息。

「URL」是 Notion 页面的分享链接 (位于「共享」菜单中)
「Name」最后会显示在「应用程序」里的名称。
「Location」是这个 App 的安装目录，推荐「Application」；「Icon」是最后显示在菜单栏上的 icon（后面也可以修改），可以自定或用下面这个。

3. 首次打开需要先登录，在然后就能进去页面

4. 然后点击 App 右上角的菜单 - Preferences 进行配置

在这个屏幕上最重要的改变是设置 Window level 为「floating」，可以让窗口在最顶端。

固定在菜单栏

点击菜单上的 Pin to Status Bar，然后点击 OK，重新打开 APP 即可。

简化界面

将 Notion 中的侧边目录、标题去掉，变成一个干净、沉浸的页面。

1. 右键菜单栏上的 icon，选择「Userstyles」

2. 复制下面的代码（注意不要用快键键 Cmd+A 全选），如下图操作，完成后关闭窗口并重新启动应用程序，大功告成。

代码如下：

	/* CSS version 4 - updated 8th May 2019 */
/* This version adds support for pop-ups on database screens and hides commenting */

div.notion-topbar>div>div:first-child,
div.notion-topbar>div>div:last-child,
div.notion-help-button,
div.notion-sidebar-container,
div.notion-frame div.notion-scroller.vertical.horizontal>div:first-child,
div.notion-frame div.notion-scroller.vertical:not(.horizontal)>div:first-child,
div.notion-frame div.notion-scroller.vertical.horizontal>div>div>div.notion-selectable,
div.notion-frame div.notion-scroller.vertical:not(.horizontal)>div>div>div:not(.notion-selectable)>div>div:nth-child(1),
div.notion-frame div.notion-scroller.vertical:not(.horizontal)>div>div>div:not(.notion-selectable)>div>div:nth-child(2),
div.notion-frame div.notion-scroller.vertical:not(.horizontal)>div>div>div:not(.notion-selectable)>div>div:nth-child(3),
div.notion-peek-renderer>div:nth-child(2)>div:first-child,
div.notion-peek-renderer> div:nth-child(2)>div.notion-scroller.vertical>div:nth-child(3)>div {
    display:none !important;
}

div.notion-topbar,
div.notion-topbar>div {
    height: 30px !important;
}

div.notion-page-controls {
    visibility:hidden !important;
    margin-top: 0px !important;
}

div.notion-page-content {
    padding-left: 20px !important;
    padding-right: 8px !important;
}

div.notion-selectable {
    max-width: none !important;
}

div.notion-topbar,
div.notion-cursor-listener,
div.notion-frame,
div.notion-frame>div:nth-child(1),
div.notion-frame > div.notion-scroller.vertical > div:nth-child(1) {
    width: 100% !important;
    max-width: 100% !important;
}

div.notion-frame>div.notion-scroller.vertical:not(div.notion-scroller.horizontal)>div:nth-child(2),
div.notion-frame>div.notion-scroller.vertical>div.notion-scroller.horizontal>div {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

div.notion-peek-renderer>div:nth-child(2) {
    top: 5% !important;
    left: 8% !important;
    right: 8% !important;
}

div.notion-peek-renderer>div:nth-child(2)>div.notion-scroller.vertical>div:nth-child(1)>div,
div.notion-peek-renderer>div:nth-child(2)>div.notion-scroller.vertical>div:nth-child(2)>div {
    padding-left: 20px !important;
    padding-right: 20px !important;
}