ObsiKO ObsiKO 說明文件

進階 Markdown

基礎打好了,接下來就升級吧!表格、數學式、標註框、註腳,連圖表都有。要不要一起讓你的文章變得更專業、更豐富呢?😎
其實完全不懂也沒關係!速查表裡全都有。找到之後點一下就會直接輸入,所以不用硬背喔。

← 打好基礎:03 Markdown 基礎 · 回到首頁:ObsiKO 101

🎬 跟著做做看:在筆記裡畫圖表、示意圖 · 在筆記裡手繪 — 手繪工具


整整齊齊的表格 (Table) 📊

把 Excel、CSV 一次變成表格 📋

表格 — 滑鼠停留時出現的新增列/欄 + 按鈕
▲ 把滑鼠移到表格上,右側的直向 +(新增欄)和下方的橫向 +(新增列)就會緊貼著表格出現。

醒目強調!標註框 (Callout) 💡

自由的強調方框:自訂容器 📦

標註框與自訂容器方框
▲ 標註框(內建圖示)與自訂容器(自由標籤方框)— 讓重要內容一眼跳出來。

詳細說明放到下面:註腳 📝

複雜的數學式也難不倒 (KaTeX) 🧮

程式設計師的氣息:程式碼區塊 💻

太長就收起來:收合標題 🔽

把想法畫出來:示意圖 (Mermaid) 🧜‍♀️

Mermaid 示意圖繪製範例
▲ 寫在 mermaid 裡,流程圖、循序圖就會用 ObsiKO 主題色噹噹登場!

把數字變成圖:圖表 (Chart) 📈

用 chart 區塊畫出的資料圖表
▲ 一個 chart 區塊,就能畫出長條、雷達、草皮日曆、文氏圖等 20 幾種圖表!

寫著寫著隨手畫:行內手繪 ✏️

寫文章時,會不會突然想放一張手繪圖或手寫字?行內手繪就像 Bear 一樣,會把畫板直接插進現在游標所在的位置。不是另外跳出視窗,而是內文往下推開,空出畫畫的空間。
- 四種開啟方式:
- 斜線選單:在空白行選 /手繪(或 /drawing、/sketch)— 不用滑鼠也不用快速鍵,最快的路!
- 下方的格式工具列(✏️ 浮動按鈕):展開後輕點鉛筆圖示!只要游標在編輯器裡,桌面版、網頁版、行動裝置都會出現。
- 在命令面板 (⌘P / Ctrl+P) 搜尋「插入手繪」也可以。
- 快速鍵 ⌘⌥Y (Mac)、Ctrl+Alt+Y (Windows、Linux) — 直接在游標處開啟。
- 寬敞的繪圖空間:畫板不受內文行寬限制,會寬寬地展開到編輯器寬度的 90% 左右。拖曳畫板下緣(中間的把手),還能往下加高、畫得更大,這個大小也會記住。
- 細細的精簡工具列在圖外:左邊貼著一條很細的直向工具列(不會擋住繪圖空間)。筆、模式、圖層都收在群組按鈕裡,一按就會展開成彈出面板。
- 筆和心智圖一樣多 🎨:柔軟筆、粗糙筆、代針筆、扁頭筆、毛筆、簽字筆、鉛筆、蠟筆、噴槍、螢光筆、混色筆刷,還有橡皮擦 — 調色盤、粗細、透明度調整也一模一樣。筆的詳細說明請參考 11 心智圖 的自由手繪。
- 支援 Apple Pencil、S Pen、Wacom 感壓 ✍️:iPad 的 Apple Pencil、Android 的 S Pen、桌面繪圖板的按壓力道都會如實反映。手寫筆記也很自然!
- 在 iPad 上作畫時會先關掉手寫輸入:畫板開著的時候,iPadOS 的「隨手寫」(Scribble) 不會插進來,用筆畫的筆畫不會變成文字。關上畫板後,內文裡就能照常使用手寫。
- 可以挑選紙張 📄:按工具列的紙張按鈕,就能從橫線紙、方格、點、稿紙(還有「無」)中挑選。稿紙是紅色方格、行與行之間還留有空白的傳統韓式稿紙樣式,可以直接拿來抄寫、寫詩。選好的紙張會和圖一起儲存,之後在筆記裡看、匯出、列印都會原樣呈現(不是只在畫的時候出現、儲存後就消失的參考線)。深色主題下線條會自動變亮,列印時一律印成淺灰色。
- 紙張是每張圖各自記住的(下次開的新畫板一律是「無」)。用稿紙抄寫完,接著只想畫一個箭頭時,稿紙卻跟過來就傷腦筋了嘛。隨時都能改回「無」。
- 開了紙張,筆畫也不會吸附到線上 — 紙張只是給眼睛看的參考,畫下去的樣子會原封不動保留。
- 格線、磁吸預設關閉:這是筆記裡的速寫,為了讓你自由地畫,格線和磁吸對齊預設都關著。
- 不會跳出鍵盤:畫畫的時候不會叫出虛擬鍵盤,畫面可以用得更寬。
- 自動儲存:點(輕點)畫板外面,或按 Esc、右上角的 ✕,圖就會以 SVG 圖片存進 assets/ 資料夾,並在原位插入 ![](...)(沒有另外的儲存按鈕)。筆刷質感、感壓、暈染都會照畫的樣子保留下來,在 Obsidian、GitHub 等其他應用程式裡也會照原樣顯示成圖片。
- 隨時都能再修改 ✎:雙擊(行動裝置是點兩下)插入的手繪,編輯畫板就會蓋在原圖上、在原位重新開啟 — 接著畫或修改後儲存,就會在原位更新(不會產生新檔案)。用筆 (Apple Pencil、S Pen) 只要輕點一下就能直接開啟!也可以用滑鼠移上去(行動裝置是點一下)時出現的 ✎ 按鈕開啟。
- 讓 AI 把草圖變成完成圖 🎨✨:在畫板(或已儲存的手繪圖片)上按右鍵 →「用草圖生成 AI 圖…」 — 選好模型 (Nano Banana、gpt-image)、尺寸、品質,再寫下需求,保留草圖構圖的完成圖就會插入手繪下方的內文(需要對話用的 API 金鑰)。詳細說明請看 11 心智圖 的「草圖 → AI 圖」。
- 💡 圖片上的按鈕平常是藏起來的:內文裡的所有圖片,都要把滑鼠移上去(行動裝置是點一下),才會出現 alt 標記、放大鏡(放大看)、✎、調整大小的把手。為了不讓畫面被標記弄得亂糟糟,只在需要時才顯示。放大看的用法請見 → 03 Markdown 基礎

在游標處開啟的行內手繪畫板
▲ 寫著寫著,在游標處一放 — 用左邊細細的工具列唰唰畫,儲存後就變成圖片!

收起來又展開:收合區塊(切換方框)🔽

點這裡就會展開 寫下要藏起來的內容。**粗體**、清單、`程式碼` 這類 Markdown 也都照樣有效!

結尾標籤自動補上:智慧標籤 ✨

把整篇筆記嵌進來:筆記嵌入 🪆

YouTube、音樂也能在筆記裡直接播放:媒體嵌入 🎬🎵

💡 筆記庫裡的聲音檔,也能當作故事檢視器的背景音樂 — 同樣一行 ![](歌曲.mp3),在編輯器裡是播放條,在電子書、訊息、視覺小說檢視裡就會變成 BGM 播放。→ 18-3 訊息與視覺小說檢視

在文件裡自動產生目錄:行內目錄 🧭

往上一點、往下一點 — 上標與下標 ⁰¹

只有自己看的備註:註解 %% %%

文件的身分證:前置資料 (YAML) 🪪

用主題標籤分類 🏷️

在內文裡計算、把待辦集中起來看 🧮

讓人目不轉睛的簡報 🎬


← 上一章:03 Markdown 基礎 · 回到首頁 · 下一章:04-1 前置資料屬性 →