feat: image bi-directional link (#89)

* feat: image bi-directional link
* fix: incorrect token implementation
* docs: added docs

Author: LittleSound

docs/pages/en/integrations/markdown-it-bi-directional-links/images/README.md

@@ -0,0 +1 @@
+All images are provided by [Lorem Picsum](https://picsum.photos/) - The Lorem Ipsum for photos.

docs/pages/en/integrations/markdown-it-bi-directional-links/images/foxtail field.jpg

@@ -12,6 +12,10 @@ Obsidian same name pages: [[pages/en/integrations/markdown-it-bi-directional-lin
 
 Absolute Path: [[pages/en/integrations/markdown-it-bi-directional-links/Bi-directional Links Example Page]]
 
+Images are supported:
+
+![[foxtail field.jpg]]
+
 ## Introduction
 
 **Bi-directional links** (also known as internal links), and another concept you may know and hear about [WikiLinks](https://en.wikipedia.org/wiki/Help:Link), holds a important place in the document engineering area. It is usually used to quickly establish a connection (or link) from one page to another page, and widely used in Wiki pages such as [Wikipedia](https://wikipedia.org), and now days popular tools such as [Obsidian](https://obsidian.md/) and [Logseq](https://logseq.com/).
@@ -35,6 +39,16 @@ Demo
 
 [[Bi-directional Links Example Page]]
 
+##### Image
+
+```markdown
+![[foxtail field.jpg]]
+```
+
+Demo
+
+![[foxtail field.jpg]]
+
 #### Custom Text
 
 ```markdown
@@ -79,6 +93,26 @@ Demo
 
 [[pages/en/integrations/markdown-it-bi-directional-links/Bi-directional Links Example Page]]
 
+#### Image
+
+```markdown
+![[en/integrations/markdown-it-bi-directional-links/images/railway near by beach same name.jpg]]
+```
+
+Demo
+
+![[pages/en/integrations/markdown-it-bi-directional-links/images/railway near by beach same name.jpg]]
+
+And it is distinguishable to the pictures with the same name:
+
+```markdown
+![[en/integrations/markdown-it-bi-directional-links/images/same-name/railway near by beach same name.jpg]]
+```
+
+Demo
+
+![[pages/en/integrations/markdown-it-bi-directional-links/images/same-name/railway near by beach same name.jpg]]
+
 ### Absolute path with custom text
 
 ```markdown

docs/pages/en/integrations/markdown-it-bi-directional-links/images/railway near by beach same name.jpg

@@ -0,0 +1 @@
+All images are provided by [Lorem Picsum](https://picsum.photos/) - The Lorem Ipsum for photos.

docs/pages/en/integrations/markdown-it-bi-directional-links/images/same-name/railway near by beach same name.jpg

@@ -12,6 +12,10 @@ Obsidian 同名页面：[[pages/zh-CN/integrations/markdown-it-bi-directional-li
 
 绝对路径：[[pages/zh-CN/integrations/markdown-it-bi-directional-links/双向链接示例页面]]
 
+图片也支持的：
+
+![[一片 狗尾草.jpg]]
+
 ## 介绍
 
 **双向链接** （也被称之为内部链接，英文 Bi-directional links 和 Internal links），和也许你也了解和听说过另一个有关的概念 [WikiLinks](https://en.wikipedia.org/wiki/Help:Link)，在文档工程中有着非常重要的地位，它通常用于快速的建立一个页面到另一个页面的连接（或者链接），在 [Wikipedia](https://wikipedia.org) 这样的 Wiki 框架中，以及现在所流行的 [Obsidian](https://obsidian.md/) 和 [Logseq](https://logseq.com/) 中都被广泛使用。
@@ -35,6 +39,16 @@ Obsidian 同名页面：[[pages/zh-CN/integrations/markdown-it-bi-directional-li
 
 [[双向链接示例页面]]
 
+##### 图片
+
+```markdown
+![[一片 狗尾草.jpg]]
+```
+
+效果
+
+![[一片 狗尾草.jpg]]
+
 #### 改显示的文案
 
 ```markdown
@@ -79,6 +93,26 @@ Obsidian 同名页面：[[pages/zh-CN/integrations/markdown-it-bi-directional-li
 
 [[pages/zh-CN/integrations/markdown-it-bi-directional-links/双向链接示例页面]]
 
+#### 图片
+
+```markdown
+![[zh-CN/integrations/markdown-it-bi-directional-links/images/海滩铁轨 同名图片.jpg]]
+```
+
+效果
+
+![[pages/zh-CN/integrations/markdown-it-bi-directional-links/images/海滩铁轨 同名图片.jpg]]
+
+它与同名图片是可以区分的：
+
+```markdown
+![[zh-CN/integrations/markdown-it-bi-directional-links/images/same-name/海滩铁轨 同名图片.jpg]]
+```
+
+效果
+
+![[pages/zh-CN/integrations/markdown-it-bi-directional-links/images/same-name/海滩铁轨 同名图片.jpg]]
+
 #### 绝对路径和自定义文案
 
 ```markdown