Markdown鏈接本地文件詳解

Markdown是一種輕量級標記語言，經常用於寫博客、文檔、 README 文檔等。在寫作過程中，我們通常會遇到鏈接本地文件的需求，這篇文章將從多個方面對 Markdown 鏈接本地文件做詳細闡述。

一、Markdown鏈接本地文件夾

在Markdown中，鏈接本地文件夾可以使用相對路徑的方式，在文本中添加鏈接即可。例如，下面的代碼示例將鏈接同級目錄下的“example”文件夾：

[進入example文件夾](./example/)

其中，“.”代表當前目錄，”./example/”代表example文件夾的相對路徑。

但需要注意的是，Markdown不支持直接打開本地文件夾，點擊鏈接只能進入文件夾目錄。

二、Markdown引用本地文件

在Markdown中，可以使用相對路徑的方式引用本地文件。例如，下面的代碼示例將引用同級目錄下的“example.docx”文件：

[example.docx](./example.docx)

同樣的，“./example.docx”代表example.docx文件的相對路徑。需要注意的是，引用的本地文件需要與Markdown文件處於同一目錄下。

三、Markdown鏈接另一個文件

在Markdown中，可以使用絕對路徑或相對路徑的方式鏈接另一個文件。例如，下面的代碼示例將鏈接同級目錄下的“example1.md”文件：

[進入example1文件](./example1.md)

其中，“./”代表同級目錄；如果example1.md文件在上級目錄，可以使用”../example1.md”以此類推。

四、Markdown打開本地文件

在Markdown中，我們無法通過鏈接打開本地文件，但是可以通過其他方式實現。例如，在 VS Code 中，我們可以通過右鍵點擊本地文件，選擇“複製相對路徑”，然後在Markdown中直接粘貼就可以實現打開本地文件的功能了。

五、Markdown本地圖片無法顯示

在Markdown中，使用相對路徑引用本地圖片時，有時會出現本地圖片無法顯示的情況。這是因為Markdown文件的解釋器不能直接讀取本地圖片。為了解決這個問題，可以將圖片轉換成base64編碼格式，然後在Markdown文件中直接引用。

例如，下面的代碼將使用base64編碼的圖片引用來解決此問題：

![example](data:image/png;base64,iVBORw0KG...

其中，”data:image/png;base64,”是圖片的base64編碼格式，後面的字符串是圖片的具體編碼。

六、Markdown導入本地圖片

為了避免本地圖片無法顯示的問題，我們還可以採用導入本地圖片的方式。首先，在 Markdown 文件所在的目錄下，新建一個“images”文件夾（也可以命名為其他的名字），然後將所有的本地圖片複製到此文件夾中。

在Markdown中引用本地圖片時，可以使用相對路徑的方式。例如，下面的代碼示例將引用位於“images”文件夾中的“example.png”文件：

![example](./images/example.png)

同樣的，“./images/example.png”代表example.png文件在images文件夾下的相對路徑。

七、Markdown引用本地圖片

除了直接引用本地圖片外，還可以使用第三方工具將本地圖片上傳到雲存儲中，然後使用圖片的鏈接地址在Markdown中引用。其中，Typora是一個常用的Markdown編輯器，內置了雲存儲功能，可以在設置中開啟。

例如，下面的代碼示例將引用通過Typora上傳到雲存儲中的“example.png”文件：

![example](https://i.loli.net/2021/08/24/YLy3FMWuAjzKNUs.png)

其中，“https://i.loli.net/2021/08/24/YLy3FMWuAjzKNUs.png”是圖片在雲存儲中的鏈接地址。

八、Markdown文件鏈接

可以通過超鏈接來引用和鏈接兩個不同的Markdown文件，這在一個大型項目中非常有用。例如，下面的代碼示例將鏈接同級目錄下的“example1.md”文件：

[example1](./example1.md)

同樣的，“./example1.md”代表example1.md文件在同一目錄下的相對路徑。需要注意的是，文件名需要與實際文件名完全一致。

九、Markdown如何添加本地圖片

在Markdown中添加本地圖片的過程非常簡單，只需要在文本中使用以下代碼即可：

![Alt text](path/to/img.jpg "Optional title")

其中，Alt text為圖片未加載時的描述文本，path/to/img.jpg為本地圖片的路徑，Optional title為圖片的標題（可選）。

總結

以上是Markdown鏈接本地文件的詳細闡述，包括了如何鏈接本地文件夾、如何引用本地文件、如何鏈接另一個文件、如何打開本地文件、如何解決本地圖片無法顯示的問題、如何導入和引用本地圖片、如何鏈接Markdown文件以及如何添加本地圖片。使用這些方法，我們可以更加方便地在Markdown中跨文件夾或跨文件地實現鏈接和引用，提升寫作和閱讀效率。