尋夢新聞LINE@每日推播熱門推薦文章,趣聞不漏接❤️
文章目錄[ 隱藏 ]
- 視頻學習筆記
- 分欄,開始記筆記
- 翻譯
- 利用模板創建我們需要的 Page
- 創建主頁 Page,開始拼裝
- 進階
- 補充
摘要:最近我在研究「Shape Up」這種工作模式,考慮會出一個系列的內容來介紹團隊如何使用 Notion 進行協作,周期比較長,但是非常有意思,是不是。由於是翻譯 Notion 文檔,這里我不可能每次都進行拽,首先在模板內將英文和中文分欄好。
Matrix 精選
Matrix是少數派的寫作社區,我們主張分享真實的產品體驗,有實用價值的經驗與思考。我們會不定期挑選 Matrix 最優質的文章,展示來自用戶的最真實的體驗和觀點。
文章代表作者個人觀點,少數派僅對標題和排版略作修改。
前言
標題上說是分欄的使用場景,但是這一次不僅僅聊分欄,還更多的串聯起 Database 中的一些用法。以幫助你更好的使用 Notion。
通過本篇文章,你可以知曉:
- 如何豐富個人的內容排版,讓文章增添一些生氣;
- 如何系統整合視頻筆記以及如何與多人進行翻譯;
- 如何製作一個屬於自己的個性化空間,些好看的模板我們也能動手製作。
想想 Notion 的一些特性就像是積木一樣,讓你可以自由組合內容,組合它為你提供的各種 Block。
話不多說,我們開始吧!
場景一:豐富文章排版
Notion 提供了豐富的模板供我們使用,其實平時如果自己愛折騰,在 Notion 模板里有一篇「Blog Post」的模板,
有沒有好奇,文章里面的圖是怎麼放置出這種效果?


哈哈,其實就是利用 Notion 的分欄,這里我們直接使用這個模板。


然後我將模板內容調整為正常我們寫作時的展示樣式。


接下來我們就試試如何使用 Notion 分欄來優化我們的內容排版。


是,就這麼簡單,拖拽圖片到上一個 Block 的最右側,即可完成分欄。這里我們還可以對一些文字進行變換格式,比如使用 Callout Block 來設置提示。


上面太簡單,看著不過癮?接下來兩個場景可能會給大家一些靈感。
場景二:學習筆記與翻譯
視頻學習筆記
我經常性的會去 YouTube 上找一些關於產品、管理相關的視頻進行學習,談到學習,記筆記還是要有的。
在此之前我我的筆記都是分散各地,有時候放在微信評論框、備忘錄、本地的 Markdown 編輯器,因此也帶來了不少的問題:
- 每次看新視頻記筆記,我都需要分兩個窗口;
- 無法對我的筆記進行一個整合,方便我分享與回顧;
- 需要保存筆記與視頻鏈接進行回顧,每一次回顧都需要打開視頻,分窗口。
現在,有了 Notion,上面的煩惱統統丟掉。
利用 Notion Chrome 插件收集內容
最近在看經濟學相關的內容,所以準備對《經濟機器是怎樣運行》的這一篇進行深入學習。
在 YouTube 上找到這部視頻,利用 Notion Chrome 插件來便捷的收集內容,打上標籤,方便未來回顧。


如果你本地視頻,直接上傳即可,視頻拖動到 Notion 即可上傳。關於如何嵌入 B 站視頻與 Notion Chrome 插件的使用知識點可以查看 Notion 中如何嵌入 B 站視頻? 。
分欄,開始記筆記
直接在下面記筆記?當然也可以,如果你的螢幕是豎屏放置,直接視頻下方進行筆記即可。


如果不是豎屏,那麼記著記著就看不到視頻了,來回看相比也難受。
注意:Notion 這里有一些 Bug,如果直接拖拽,那麼只會是放大縮小視頻。所以點擊一個 Block,再進行選擇剛剛建好的「筆記」。


似乎界面有些窄,記錄起來不是那麼順暢,這里我們點擊右上角的 「···」,找到「Full With」選項,打卡按鈕,瞬間「心胸開闊」。


但是也會遇到上面的情況,就是記錄過多,導致寫內容無法查視頻。
收納內容,Toggle List 來搞定
這里就需要請出「Toggle List」來對內容進行一個收納。
呼出 Toggle List 有三種方式:
- 第一種:利用「>」小於號,點擊 enter 即可,這個按鈕是與 Markdown 的「>」不同,需要一定的時間適應;
- 第二種:滑鼠移動至 Block 前方的「+」,下拉找到 「Toggle List」;
- 第三種:利用 Notion 快捷鍵,macOS 是
cmd
+option
+7
,Windows 是ctrl
+shift
+7
即可快捷生成。
這里我是直接使用 Turn into,自動將格式進行準換。關於 Turn into 的用法可以參考: Notion 中如何快速合併多個頁面


對了,視頻下方也是可以進行記筆記的,還有評論。


解決整理難問題
如果小夥伴細心的話,前面當我在收集內容的時候,前置有一個頁面,每一次收集內容都會傳送到這個 Database 中。


這里我們還可以添加更多的屬性,比如 GTD 中的 Todo、Doing、Done。


再通過 Fliter 來過濾要學習的內容。


也可以使用看板模式進行更人性化展示。


接下來你就可以按照自己的需求隨意發揮,當然,學到最重要!
這里說一下,我嘗試過嵌入 PDF,實際並不是適合記筆記,因為當你打開長篇幅的 PDF,就會重新加載,也不便於標記,索性還是放棄。
翻譯
之前開始籌備的 Notion 中文文檔翻譯(最近有些忙,擱置了一段時間,近期會重啟,給小組成員贈送 Notion 積分),如圖是我們翻譯小組的協作看板。


那麼點進去我們是如何進行翻譯內容的呢?具體如圖,左側英文,右側翻譯。


通過評論功能,我們可以方便的校對一些錯誤的點。


回到最開始的分欄問題,這里的分欄我是怎麼做的呢?
由於是翻譯 Notion 文檔,這里我不可能每次都進行拽,首先在模板內將英文和中文分欄好。


提示: 如果你知道 康奈爾筆記法 的話,利用 Notion 分欄,可以輕鬆製作出筆記模板。
這里先在模板內進行分欄:


接著使用剛剛新建的模板,黏貼好即將要翻譯的內容。


最終效果如下:


以上對個人同樣適用,提一個點,如果你想邀請你的朋友幫你審校,那麼直接邀請他成為 Guest,Notion 還支持自由調整他對這個頁面的編輯權限。


場景三:個性化的個人主頁
如果你看 Notion 教程的時候,可能會看到一些 YouTuber 展示他們的個人主頁,都是各種炫酷主頁。
YouTuber 的視頻中少有講如何製作一個個性化的個人主頁,而且英文也是勸退一波。


那麼,我們也能動手做一個麼?當然可以。
借著 Notion 分欄,我將簡單介紹製作一個個性化的個人主頁,以下均為演示操作,個人按照實際情況組合即可。
利用模板創建我們需要的 Page
我們這里選擇個人模板,即 Personal。按照動圖操作,以此類推即可:


這里我們選擇留個我們比較常用的模板:
- Notes & Drafts:筆記 + 寫作
- Reading List 閱讀清單
- Task List:任務清單
- Journal:日記
- Travel Planner:旅行模板
建好這五個模板之後,先不要在意這些模板的如何使用,接下來我們開始進行拼裝。
創建主頁 Page,開始拼裝
這里點擊左下角的「New Page」,新建一個 Notion Page,命名好再填上一個 Home 的 emoji。


點擊進 Home Page 內,然後 Mac 按住 Shift
鍵,依次點選,直接拖拽到 Home Page 內。


然後進行左右分欄:


這樣就算完成了?當然沒有。接下依次將是 Database 的 Page 進行 「Turn to inline」,接著打開「Full Width」。
因為考慮是教學,這里盡量是以技巧教授為主,實際情況下不建議這麼來,後面會解釋為什麼。


考慮到日記與筆記都是比較定時定點的操作,這里我們不用給太大的空間進行展示,能展示出標題即可。


緩緩移動中間的豎線進行調整。
接著我們既可以完成多個 Database 之前的 Page 拖拽,比如 Task List 內容拖拽到 Notes & Drafts 內。


方便個人完成一套工作流。
進階
大多數人有在手機上記錄的習慣,手機上使用 Notion 操作的確有點噩夢,加上 Database,操作能讓人瘋狂。
所以這里我見了一個速記,方便手機快速記錄任務。


提示:手機上查看 Page 是從左到右進行依次往下排列。
我想讓 Task List 到右邊欄,但是拖拽似乎並不能進行左右分欄。


應該怎麼處理呢?
這里就需要再新建一個 Text Block,拖拽到速記的右側。接著再拖拽我們的 Task List,分欄操作就完成了!


接著我們在速記下面的任務直接拖拽到 Task List 即可生成一個任務。


還有上面提到個人並不建議直接在 Page 進行「Turn to inline」操作。
原因有二:
- 一是是展示查看不方便,直接講所有 Page 放在側邊欄即可;
- 二是直接操作 Database ,湖面會不容易整理。
這里建議使用「link Page」,自由組織格式,展示改變不影響原有的 Database。
直接復制想要進行 「link Page」的頁面鏈接,黏貼到接下來要使用的位置.


接著切換好瀏覽模式,這里的瀏覽模式與原有的瀏覽模式不聯動,所以非常方便進行定制。
補充
如果你想讓 inline 的 Database 還原成 Page,點擊 Database 右上角的三點,找到 「Turn into Page」即可。


總結
至此,關於 Notion 分欄的場景內容就到這里,當然還有更多的場景等待我們發掘。
最近我在研究「Shape Up」這種工作模式,考慮會出一個系列的內容來介紹團隊如何使用 Notion 進行協作,周期比較長,但是非常有意思,是不是!
番外
以上模板點擊這里可以獲取: Notion 分欄演示模板。
> 下載少數派客戶端、關注 少數派公眾號,發現更多 Notion 實用技巧 😎
> 特惠、好用的硬件產品,盡在 少數派 sspai 官方店鋪
>你也可以做出好看的排版:三個場景玩轉 Notion 分欄