diff --git a/docs/.vitepress/config/markdown.ts b/docs/.vitepress/config/markdown.ts
index e14d2ed1..eb2a3f61 100644
--- a/docs/.vitepress/config/markdown.ts
+++ b/docs/.vitepress/config/markdown.ts
@@ -1,19 +1,51 @@
+import process from 'node:process'
+import { BiDirectionalLinks } from '@nolebase/markdown-it-bi-directional-links'
+import { ElementTransform } from '@nolebase/markdown-it-element-transform'
 import type { MarkdownOptions } from 'vitepress'
 import mdkatex from '@andatoshiki/markdown-it-katex'
 import mdTasklist from 'markdown-it-task-lists'
 import mdCaption from '@andatoshiki/markdown-it-image-caption'
-import mdLink from 'markdown-it-link-preview'
+// import mdLink from 'markdown-it-link-preview'
 
 export const markdown: MarkdownOptions = {
     html: true,
     theme: {
-        light: 'solarized-light',
-        dark: 'solarized-dark',
+        light: 'github-light',
+        dark: 'github-dark-dimmed'
     },
     lineNumbers: true,
     config: md => {
         // use more markdown-it plugins!
-        md.use(mdkatex), md.use(mdTasklist), md.use(mdCaption), md.use(mdLink)
+        md.use(mdkatex),
+        md.use(mdTasklist),
+        md.use(mdCaption), 
+        // md.use(mdLink),
+        md.use(BiDirectionalLinks({ 
+            dir: 'docs/', 
+          })),
+        md.use(ElementTransform, (() => {
+        let transformNextLinkCloseToken = false
+
+        return {
+            transform(token) {
+            switch (token.type) {
+                case 'link_open':
+                if (token.attrGet('class') !== 'header-anchor') {
+                    token.tag = 'VPNolebaseInlineLinkPreview'
+                    transformNextLinkCloseToken = true
+                }
+                break
+                case 'link_close':
+                if (transformNextLinkCloseToken) {
+                    token.tag = 'VPNolebaseInlineLinkPreview'
+                    transformNextLinkCloseToken = false
+                }
+
+                break
+            }
+            },
+        }
+        })())
         // insert specific custom vue layout template slots under a markdown tag attributes (currenlty disabled and unncessary because applied via markdowntransform component)
         // md.renderer.rules.heading_close = (tokens, idx, options, env, slf) => {
         //     let htmlResult = slf.renderToken(tokens, idx, options);