链接与媒体

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 侧边栏中选中该文件)、在访达中显示 / 在资源管理器中显示 / 在文件中显示(打开系统文件管理器并选中该文件)、复制文件路径,以及 查找所有引用(针对 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 使用的文件夹——设置”项目中的默认文件夹”,或选择将图片保存到与文档相同的文件夹中。

如果剪贴板同时包含文本和图片,则文本优先——这是标准的粘贴行为。

拖入图片

你也可以将图片从访达(macOS)或文件资源管理器(Windows/Linux)直接拖入编辑器。MarkNode 会将文件复制到项目的媒体文件夹,并在拖放位置插入相对路径的 Markdown 链接。

从项目树中打开图片

在文件浏览器中双击任意图片文件,即可在编辑器区域以嵌入式图片视图打开它——当你想查看正在撰写的文档所引用的截图而又不想离开应用时,这很方便。

图片语法

内联图片使用标准 Markdown 语法,前面加上 !

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

当你需要控制宽度时,也可以使用内联 HTML:

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

两种形式都支持悬停、修饰键点击和右键菜单。