【Notion】如何製作彩色線條?你可以用 Inline equation 來設計線條!

2022 年 10 月 31 日 更新

notion分隔線 | 背景顏色 | 自訂顏色 | notion equation | notion color | notion divider

Draw colored lines through inline equations in Notion 封面圖片

如果有在使用 Notion 的人,可能都會用到分隔線的功能,它雖然簡單好用,但好像沒辦法做進階的顏色或大小的設定,而調整區塊背景顏色所繪製出來的線條又有點過粗。如果我想要自己繪製特別一點的線條,就得用上 Inline equation 這個區塊的功能,才能在 Notion 裡面繪製客製化的線條。

一般設定線條的方法

如果要在 Notion 的一般區塊繪製簡單的線條,除了在文本中輸入特定的符號之外,以調整區塊的方式來說會有兩種做法,也就是用「分隔線」和區塊的「背景顏色」。

Notion 分隔線

只要在一般區塊內輸入 /divider 或是快捷鍵三個減號 ---,就可以把那個區塊轉換成一條淺灰色的分隔線 (Divider)。分隔線是基本區塊的其中一種形式,不過它沒辦法調整顏色,只有分隔頁面的功能。

分隔線 divider

改變區塊的背景顏色

如果覺得分隔線太細或感覺不夠明顯的話,也可以更改區塊的背景顏色 (Background),這樣這個區塊也可以當作彩色線條來用。不過區塊的背景顏色的選擇性並不多,目前只有 10 種顏色可以切換,如果當作分隔線來用的話,又好像太粗了一點。

背景顏色 Background color

可用方程式來繪製線條

而這篇文章要教的,就是如何利用 Notion 裡面的 Inline Equation 這個區塊來繪製線條,並且可以自己決定線條的「顏色」、「長度」及「寬度」,也就是你可以自己客製化線條的外觀樣式。

Inline equation
Notion Inline equation

如何用 Equation 繪製彩色線條?

Step 1:輸入指令

在 Notion 頁面的文本框中輸入 /inline equation 可以叫出「Inline equation」的切換選項 (輸入 /latex/math/eq 會更快一些),點擊下面的 Inline equation 這個選項之後,這個區塊就會變成一個可以輸入方程式的區塊。

輸入 /Inline equation

這個 Inline Equation 區塊其實也有非常多種的用途,但不在這篇文章的教學範圍內。

Step 2:方程式的輸入框

當方程式的輸入框出現之後,就可以開始客製化你的線條了,只要依照下面的格式輸入到方程式裡面,就可以輕鬆繪製出你想要的線條!橘色的部份是我們可以修改的地方:

  • Color:顏色的部分輸入 HEX 色碼。
  • Rule:規則的部分則可以填入線條的長度 (Length) 跟寬度 (Width),數字後面記得要加上像素的英文簡寫 (px)。
\color{HEX color code}\rule{Length(px)}{Width(px)}
叫出公式輸入框

Step 3:設定顏色

首先我在輸入框中輸入 \color{},然後在大括號 {} 裡面填入我想要的顏色代碼,這邊我使用的是 #C4E1E1 這號顏色,而輸入色碼的時候,前面的井號 可以省略沒關係。

在公式框裡面輸入 \color{C4E1E1}

Step 4:設定尺寸

再來就是要輸入線條的長度跟寬度了,我在顏色的公式後面接著輸入 \rule{}{},然後在那兩個大括號裡面分別輸入我需要的線條尺寸,這邊我把線條的左右長度訂為 100px,上下的寬度則訂為 20px,完整的公式如下圖所示,公式輸入完之後要記得按右邊的 Done 來完成它。

在公式框裡面輸入 \color{C4E1E1}\rule{100px}{20px}

完成彩色線條

如此一來,我就可以得到一個長 100px 寬 20px 的青色線條了!

成功用公式繪製出彩色線條

輕鬆修改區塊樣式

根據以上的繪製方式,只要我在方程式裡面輸入不同的尺寸或顏色,我能繪製出各種不同款式的線條,如果想要修改線條樣式的話,只要再點一下原本的線條區塊,就可以叫出它原本的方程式輸入框。

不同樣式的彩色線條

修改規則 Rule

假設我覺得線條太細,我就把規則 (Rule) 的第二個參數改多一點。

修改線條公式的Rule規則

修改顏色 Color

如果我想要換別的顏色,我就把顏色 (Color) 換成另一個色碼。

修改線條公式的color顏色

結語

以上就是 Notion 彩色線條的繪製教學,只要使用這種方式來繪製,就可以自由決定線條的顏色或長度!如果覺得 Notion 內建的顏色選項太少的話,就可以試試看這個方法。

不過這個方式有時也有麻煩的地方,因為線條的樣式都是固定的,如果我移動這個客製化線條區塊到其他地方,可能就會跟其他地方的排版或版面格格不入,就要再叫出它的方程式來做進一步的調整,所以移動區塊的時候要稍微注意一下。

另外,由於手機版的 Notion App 排版方式跟電腦版不一樣,所以使用這個方程式繪製的線條,在手機上不一定會有你想要的效果。

延伸閱讀

利益揭露:網站內部分可見的連結/代碼有參與聯盟計劃,如果您透過這些連結/代碼購買商品或註冊會員的話,並不會有任何損失或額外費用的產生,還可能獲得些許優惠,而我僅會獲得一小部分的佣金,能幫助我持續營運這個網站,並且更有動力進行創作。

喜歡這篇文章嗎?分享給你的朋友吧