連結與媒體

MarkNode 會將文件中的每個連結與圖片都視為可互動的參照。你可以將滑鼠停在連結上查看它指向何處、按住修飾鍵點擊以開啟它、直接從剪貼簿貼上圖片,以及在檔案總管中顯示本機檔案——全都不必離開編輯器。

停留在連結上

將滑鼠停在預覽窗格中的任何連結或圖片上,即可在底部邊緣的細長狀態列中看到它的目標位置。本機參照會顯示為相對於專案根目錄的路徑(./docs/install.md),方便辨識;外部連結則顯示完整的 URL。

開啟連結

點擊的行為取決於你點擊的位置以及按住哪個修飾鍵:

  • 在預覽中——單純點擊即可開啟連結。外部 URL(httphttpsmailto)會在你的預設瀏覽器中開啟。指向專案中其他 Markdown 檔案的連結會在編輯器中開啟。其他本機檔案(PDF、圖片、試算表)會在檔案總管側邊欄中顯示——若檔案位於專案之外,則會在系統檔案管理員中顯示。
  • 在編輯器中——單純點擊會像一般 Markdown 文字一樣放置游標。若要跟隨連結,請按住修飾鍵——macOS 上是 Cmd,Windows 與 Linux 上是 Ctrl——再點擊。適用相同的目標規則。
  • 雜湊錨點——指向 #anchor 的連結會跳至目前文件中對應的標題。像 ./guide.md#setup 這樣的跨檔案錨點會開啟該檔案並捲動至該標題。

如果你點擊了失效的本機連結(檔案不存在),MarkNode 會顯示簡短的錯誤通知,而不是毫無反應。

右鍵選單

在連結或圖片上按右鍵會開啟內容選單,其項目取決於連結的類型:

  • 外部 URL:在瀏覽器中開啟 URL複製 URL
  • 本機檔案:開啟檔案(Markdown 檔案)、在檔案總管中顯示(在 MarkNode 的側邊欄中選取該檔案)、在 Finder 中顯示 / 在檔案總管中顯示 / 在「檔案」中顯示(開啟系統檔案管理員並選取該檔案)、複製檔案路徑,以及 尋找所有參照(針對 Markdown 檔案,在專案中搜尋所有連結至目標的位置——結果會顯示在底部面板)。
  • #anchor 連結:開啟複製連結

顯示修飾鍵

在 macOS 上按住 Cmd+Alt,或在 Windows 與 Linux 上按住 Ctrl+Alt,再點擊本機連結,即可在檔案總管側邊欄中顯示目標,而不是開啟它。當你想在決定如何處理某個檔案之前,先看看它位於專案的什麼位置時,這相當實用。

貼上圖片

當你複製一張圖片——例如螢幕截圖或瀏覽器中的圖片——並以 Cmd+V(Windows/Linux:Ctrl+V)貼進編輯器時,MarkNode 會:

  1. 將圖片儲存至專案的媒體資料夾(預設為 media/)。
  2. 產生帶有時間戳記的檔名,例如 pasted-1715680222.png,以避免衝突。
  3. 在游標處插入相對路徑的 Markdown 圖片連結。

三步驟流程:剪貼簿中的圖片以 Cmd+V 貼上;MarkNode 將其儲存為專案媒體資料夾內帶有時間戳記的檔案;並在游標處插入相對路徑的 Markdown 圖片連結。

若媒體資料夾不存在,會在第一次貼上時建立。你可以在 設定 > 一般 > 圖片匯入 下變更 MarkNode 使用的資料夾——設定「專案中的預設資料夾」,或選擇將圖片儲存在與文件相同的資料夾中。

如果剪貼簿同時包含文字與圖片,文字優先——這是標準的貼上行為。

拖曳圖片進來

你也可以直接從 Finder(macOS)或檔案總管(Windows/Linux)將圖片拖曳進編輯器。MarkNode 會將檔案複製到專案的媒體資料夾,並在放置位置插入相對路徑的 Markdown 連結。

從專案樹狀結構開啟圖片

在檔案總管中按兩下任何圖片檔案,即可在編輯器區域以內嵌圖片檢視的方式開啟它——當你想查看目前所撰寫文件所引用的螢幕截圖,又不想離開應用程式時,相當方便。

圖片語法

行內圖片使用標準 Markdown 語法,前方加上 !

![Alt text](media/diagram.png)

當你需要控制寬度時,也可以使用行內 HTML:

<img src="media/diagram.png" alt="Diagram" width="400">

這兩種形式都支援滑鼠停留、修飾鍵點擊與右鍵選單。