Obsidian 文件遵循本頁列出的樣式指南。這些指南基於業界最佳實踐,特別是 [Google 開發者文件樣式指南](<https://developers.google.com/style>) 和 [Microsoft 樣式指南](https://learn.microsoft.com/en-us/style-guide/)。對於以下未涵蓋的邊緣情況,請參考上述外部指南作為輔助參考。 > [!tip]- 貢獻 > 大多數文件在本樣式指南制定之前就已存在。 > > 如果你發現任何違反本樣式指南的內容,請[建立 issue](https://github.com/obsidianmd/obsidian-docs/issues/new) 並向 [obsidianmd/obsidian-docs](https://github.com/obsidianmd/obsidian-docs) 提交 pull request。 ## 術語與文法 ### 語言風格 對於英文文件,建議使用[全球英文](https://docs.openedx.org/en/latest/documentors/references/doc_english_writing.html)以更好地服務全球讀者,並協助[[#翻譯]]工作。這意味著: - 避免使用慣用語和特定文化的表達方式 - 使用主動語態和直接的句子結構 - 優先使用簡單、常見的詞彙,而非複雜的術語 - 明確表達而非隱含暗示 - 拼寫慣例方面,使用美式英文(例如 'organize' 而非 'organise')。 ### 用語 - 優先使用「keyboard shortcut」(鍵盤快捷鍵)而非「hotkey」。當指稱特定功能時才使用 Hotkey。 - 在行動裝置上優先使用「the Obsidian app」(Obsidian 應用程式),在桌面版優先使用「the Obsidian application」(Obsidian 應用程式)。 - 優先使用「sync」或「syncing」而非「synchronise」或「synchronising」。 - 優先使用「search term」(搜尋詞)而非「search query」。 - 當指稱引導章節的文字時,優先使用「heading」(標題)而非「header」。 - 優先使用「maximum」而非「max」,「minimum」而非「min」。 ### 產品名稱 Obsidian 產品名稱以「Obsidian」開頭,例如「Obsidian Publish」和「Obsidian Sync」。 如果段落變得過於重複,可以在後續引用中使用簡稱。 例如: _為了允許裝置特定的設定,Obsidian Sync 不會同步自身的設定。你需要為每個裝置分別設定 Sync。_ ### 使用者介面與互動 - 使用**粗體**表示按鈕文字 - 優先使用「選取」而非「點擊」或「按一下」。 - 對於行動裝置的專屬說明,在描述觸控操作時可以使用「輕觸」,因為「點擊」不適用。 - 優先使用「側邊欄」而非「側邊列」。 - 當指稱命令或操作時,優先使用「執行」而非「調用」或「運行」。 當指稱一連串的 UI 互動時,使用 →(U+2192)符號。例如「**[[設定]] → 社群外掛程式**」。 ### 筆記、檔案和資料夾 - 當指稱保管庫中的 Markdown 檔案時,使用「筆記」。 - 當指稱 Markdown 以外的其他副檔名檔案時,使用「檔案」。 - 優先使用「筆記名稱」而非「筆記標題」。 - 優先使用「目前筆記」而非「當前筆記」。 - 優先使用「資料夾」而非「目錄」。 - 優先使用「檔案類型」而非「檔案格式」,除非特別指稱檔案內容的資料格式。 在筆記之間移動時,如果目標筆記處於隱藏狀態,使用「開啟」;如果來源和目標筆記都已在不同的分割視窗中開啟,則使用「切換」。 ### 設定的參考文件 盡可能在 Obsidian 內部使用描述性文字來記錄設定。除非以下情況,否則避免在 Obsidian 說明中記錄特定設定: - 需要更深入了解如何及何時使用該設定。 - 該設定經常被誤用或被詢問。 - 該設定會_大幅_改變使用者體驗。 如果你想引起使用者對特定設定的注意,考慮使用提示標註塊。 ### 方位用語 當方位用語作為形容詞時,使用連字號。當方位作為名詞使用時,避免使用連字號。 **建議:** - 選取左下角的**[[設定]]**。 - 選取左下方的**[[設定]]**。 **不建議:** - 選取左下角 的**[[設定]]**。 - 選取左下方的**[[設定]]**。 優先使用「左上角」和「右上角」而非「上左方」和「上右方」。 指稱設定時不要標示方位。設定控制項的位置取決於裝置。 **建議:** - 在**選擇遠端庫**旁邊,選取**選擇**。 **不建議:** - 在**選擇遠端庫**的右側,選取**選擇**。 描述 UI 元素的垂直方向時,使用「上方」和「下方」表示空間關係。避免使用「往上」和「往下」,因為它們在不同情境下可能會造成歧義。 **建議:** - 搜尋框會出現在檔案清單上方。 - 更多選項在下方。 **不建議:** - 搜尋框在檔案清單的上面。 - 更多選項在下面。 ### 操作說明 指南名稱、章節標題和步驟說明請使用祈使句。祈使語氣簡潔且以行動為導向,對於遵循操作說明的使用者來說更為直接。 - 優先使用「設定」而非「正在設定」 - 優先使用「搬移檔案」而非「搬移檔案中」 - 優先使用「匯入你的筆記」而非「正在匯入你的筆記」 ### 大小寫 標題、按鈕和標題文字優先使用*句首大寫*而非*標題大寫*。引用 UI 元素時,請始終與 UI 中的文字大小寫保持一致。 **建議:** - How Obsidian stores data **不建議:** - How Obsidian Stores Data ### 範例 優先使用實際的範例而非無意義的詞彙。 **建議:** - `task:(call OR schedule)` **不建議:** - `task:(foo OR bar)` ### 按鍵名稱與鍵盤快捷鍵 指稱鍵盤按鍵和快捷鍵時,使用一致的標記方式。 **單獨的按鍵名稱:** 以名稱指稱鍵盤上的字元時,在名稱後面加上括號標示該字元。 **建議:** - 按下連字號(-)鍵來新增一個破折號。 - 使用問號(?)來搜尋。 **不建議:** - 按下連字號鍵來新增一個破折號。 - 使用 ? 來搜尋。 - 在字詞前面加上 `-`。 **鍵盤快捷鍵:** 鍵盤快捷鍵格式中加號前後不加空格。當快捷鍵在不同作業系統之間有所不同時,請同時標明兩者。 **建議:** - 按下 `Ctrl+Z`(Windows)或 `Command+Z`(macOS)來復原。 - 按下 `Escape` 關閉此視窗。 - 使用 `Tab` 在欄位之間移動。 **不建議:** - 按下 `Cmd+Z` 來復原。 - 按下 `Ctrl + Z`(有空格)來復原。 - 按下 `Ctrl/Cmd+Z` 來復原。 對於在所有平台上都相同的快捷鍵,不需要標明作業系統。如果你不確定快捷鍵是否因平台而異,為安全起見請標明作業系統。Windows 和 Linux 通常使用相同的快捷鍵。 ### Markdown 在 Markdown 區塊之間使用空行: **建議:** ```md # 標題 1 這是一個章節。 1. 第一項 2. 第二項 3. 第三項 ``` **不建議:** ```md # 標題 1 這是一個章節。 1. 第一項 2. 第二項 3. 第三項 ``` **清單中的破折號:** 在項目符號清單中,使用破折號(—)來分隔粗體的術語和其描述。在只有連結的簡單巢狀項目符號清單中,不要使用破折號。 **建議:** - **檢視選單** — 建立、編輯和切換檢視。 - **計算數值** — 新增價格、計算總額或執行數學運算。 **不建議:** - [[建立資料庫]] — 了解如何建立和嵌入資料庫。 ### 圖片 使用「**寬度** x **高度** 像素」描述圖片或螢幕尺寸。 **範例:** 建議的圖片尺寸:1920 x 1080 像素。 ## 資訊結構 ### 標註塊類型 策略性地使用標註塊來強調特定類型的資訊: **提示**(`[!tip]-`)— 增強使用者工作流程的實用建議或最佳實踐。用於快捷方式、替代方案或非必要但有幫助的資訊。這些標註塊預設為摺疊狀態。 **資訊**(`[!info]+`)— 額外的上下文、背景資訊或說明。當資訊有助於理解但不是完成任務所必需時使用。這些標註塊預設為展開狀態。 **警告**(`[!warning]+`)— 防止資料遺失、錯誤或意外後果的重要注意事項。僅在確實有風險的情況下謹慎使用。這些標註塊不應被摺疊。 **範例**(`[!example]-`)— 一般性的附註或補充細節。用於某些使用者可能覺得相關的延伸資訊。這些標註塊預設為摺疊狀態。 **範例:** ```md > [!tip]- 使用鍵盤快捷鍵 > 你可以透過記憶最常用的快捷鍵來加速你的工作流程。 > [!info]+ 這是付費附加功能 > 此功能需要付費訂閱才能使用。 > [!warning]+ 此操作無法復原 > 刪除保管庫是永久性的。請考慮先匯出你的筆記。 > [!example]- 進階用法 > 你也可以透過圖譜選單來設定此選項。 ``` ### 清單與段落文字 當呈現獨立且彼此之間沒有強烈順序或因果關係的項目時,使用清單。當項目之間有關聯、需要解釋,或適合以敘事方式呈現時,使用段落文字。 **以下情況使用清單:** - 一組不相關的功能 - 安裝需求 - 設定選項 - 疑難排解步驟 **以下情況使用段落文字:** - 解釋某功能如何運作 - 具有依賴關係的工作流程 - 概念性概述 - 需要上下文的指導 ### 表格 使用表格來比較功能、版本或相關資料點,當對齊方式有助於理解時特別適用。避免將表格用於簡單的清單或單欄資料。 **良好的使用場景:** | 功能 | 行動裝置 | 桌面版 | |---------|--------|---------| | 同步 | 是 | 是 | | 外掛 | 否 | 是 | | 主題 | 有限 | 完整 | ### 交叉引用 大量使用內部 Wiki 連結(`[[筆記名稱]]`)來幫助使用者導覽相關主題。但是,避免過度連結: - 不要在同一頁面中多次連結相同的術語 - 僅在被引用的頁面能提供顯著的額外上下文時才建立連結 - 需要時使用描述性的連結文字:`[[筆記名稱#章節|描述性文字]]` **範例:** 首次提及:「了解 [[Obsidian Sync 簡介|Obsidian Sync]],讓你的保管庫在不同裝置間保持同步。」 後續提及:「你可以為每個裝置分別設定 Sync。」 ### 平台特定內容 當記錄不同平台之間有差異的功能時,使用章節標題來組織內容。 使用 `桌面版` 和 `行動裝置` 作為小節標題來區分平台特定的說明或功能。 **建議:** ```md ## 自訂功能區 ### 桌面版 在桌面版中,你可以透過以下方式自訂功能區: - 拖放圖示來重新排列功能區操作的順序。 - 要隱藏特定操作,在空白處按右鍵並取消勾選你想隱藏的操作。 ### 行動裝置 在行動版中,你可以透過設定來自訂功能區: 1. 開啟**[[設定]]**。 2. 導覽至**外觀**。 3. 在**功能區設定**下方點選**管理**。 ``` > [!info]+ 何時需要建立獨立章節? > 僅在內容有顯著差異時才建立獨立章節。如果說明大致相同只有些微差異,請改用行內備註。 ## 圖示與圖片 當圖示和圖片能讓難以用文字描述的事物更容易說明,或當你需要展示 Obsidian 應用程式的重要部分時,請加入圖示和圖片。你可以將圖片儲存在 `Attachments` 資料夾中。 - 圖片應讓其所附帶的文字更容易理解。 **範例**:啟用後,[[字數統計]]外掛會在底部狀態列中建立一個新的項目。 ![[Style-guide-zoomed-example.png#interface|300]] - 圖片應為 `.png` 或 `.svg` 格式。 - 如果圖片在筆記中看起來太大,請在 Obsidian 外部縮小圖片,或按照[[嵌入檔案#在筆記中嵌入圖片|在筆記中嵌入圖片]]中說明的方式調整其尺寸。 - 在少數情況下,你可能需要將特別大或複雜的圖片放在[[註標#可摺疊標註塊|可摺疊標註塊]]中。 - 對於彈出視窗或對話框,圖片應顯示整個 Obsidian 應用程式視窗。 ![[Style-guide-modal-example.png#interface]] ### 圖示 [Lucide](https://lucide.dev/icons/) 和自訂 Obsidian 圖示可以與詳細元素一起使用,提供功能的視覺呈現。 **範例:** 在左側功能區中,選取**建立新畫布** ![[lucide-layout-dashboard.svg#icon]] 以在與目前筆記相同的資料夾中建立一個白板。 **圖示使用指南** - 將圖示儲存在 `Attachments/icons` 資料夾中。 - 在 Lucide 圖示名稱前加上 `lucide-` 前綴。 - 在 Obsidian 圖示名稱前加上 `obsidian-icon-` 前綴。 **範例:** 建立新畫布的圖示應命名為 `lucide-layout-dashboard`。 - 使用可用的 SVG 版本圖示。 - 圖示寬度應為 `18` 像素,高度為 `18` 像素,線條寬度為 `1.5`。你可以在 SVG 資料中調整這些設定。 > [!info]- 在 SVG 中調整尺寸和線條寬度 > ```html > <svg xmlns="http://www.w3.org/2000/svg" width="WIDTH" height="HEIGHT" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="STROKE-WIDTH" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="16" rx="1"/></svg> >``` - 在嵌入圖片中使用 `icon` 錨點,以調整圖示周圍的間距,使其與附近的文字整齊對齊。 - 圖示應被括號包圍。![[lucide-cog.svg#icon]] **範例**:`![[lucide-cog.svg#icon]]` ### 圖片錨點標籤 圖片錨點標籤可用於為嵌入的圖片添加裝飾性變更。 > [!warning] 即時預覽警告 > 圖示錨點標籤在**即時預覽**中無法正確顯示。請使用**閱讀檢視**來確認錨點標籤已正確套用。 **圖示** `![[lucide-menu.svg#icon]]` 圖示錨點標籤可確保用於表示介面元素的圖示有正確的垂直對齊。 第一個選單圖示使用了錨點標籤 ![[lucide-menu.svg#icon]],而第二個選單圖示(![[lucide-menu.svg]])則沒有。 **介面** `![[Vault picker.png#interface]]` 介面錨點標籤會在圖片周圍添加裝飾性的陰影效果。在第一張圖片中,已套用介面錨點標籤。 ![[Vault picker.png#interface]] 相比之下,第二張圖片沒有套用介面錨點。 ![[Vault picker.png]] **外框** `![[Backlinks.png#outline]]` 外框錨點標籤會在圖片周圍添加細微的邊框。在第一張圖片中,已套用外框錨點標籤。 > [!tip] 觀察圖片的左下角來查看差異。 ![[Backlinks.png#outline]] 第二張圖片沒有外框錨點標籤。 ![[Backlinks.png]] ### 最佳化 圖片會拖慢頁面的載入時間,並佔用寶貴的 [[Obsidian Publish 介紹|Publish]] 儲存空間。最佳化圖片可以減少檔案大小,同時維持圖片的視覺品質。 圖片和圖示都應該進行最佳化。 > [!info] 圖片最佳化工具 > 以下是一些推薦的縮減圖片大小的程式。 > - **Windows:** [FileOptimizer](https://sourceforge.net/projects/nikkhokkho/) > - **macOS:** [ImageOptim](https://imageoptim.com/) > - **Linux/Unix:** [Trimage](https://trimage.org) > > 我們建議最佳化率為 65-75%。 ## 版面配置 ### 失效連結 在提交 Pull Request 之前,請檢查你正在翻譯的文件中是否有失效的連結,並加以修正。失效連結可能隨著時間自然產生,因此驗證其正確性有助於維護文件品質。 你可以使用[[社群外掛程式]]或 IDE 中可用的工具來檢查失效連結。 ### 描述 本文件在 GitHub 上編輯,並透過 [[Obsidian Publish 介紹|Obsidian Publish]] 在線上發佈,其中包含用於社群卡片的[[社群媒體連結預覽#描述|描述]]和其他 [[SEO]] 元素。 如果你正在處理的頁面沒有 `description` [[屬性|屬性]],請新增一個。描述應在 150 個字元以內,並提供頁面內容的客觀摘要。 **良好**:Learn to create templates that capture and organize web page metadata automatically with Web Clipper. **可以改進**:Learn how to create templates that automatically capture and organize metadata from web pages with Web Clipper. ### 操作方向 在撰寫或改寫如何在應用程式中執行操作的[[#操作說明]]時,請務必包含行動裝置和桌面版的步驟。 如果你無法使用行動裝置或桌面裝置,請在提交 Pull Request 時提及此事。 ## 翻譯 完成翻譯時,請翻譯所有內容。這包括但不限於: - 筆記名稱 - 資料夾名稱 - 別名 - 附件名稱 - 替代連結文字