diff --git a/demo/src/components/site_header.rs b/demo/src/components/site_header.rs
index b440ffd..0d36790 100644
--- a/demo/src/components/site_header.rs
+++ b/demo/src/components/site_header.rs
@@ -221,7 +221,7 @@ pub fn SiteHeader() -> impl IntoView {
                     <Button
                         icon=icondata::BiDiscordAlt
                         on_click=move |_| {
-                            _ = window().open_with_url("https://discord.gg/YPxuprzu6M");
+                            _ = window().open_with_url("https://discord.com/channels/1031524867910148188/1270735289437913108");
                         }
                     />
 
diff --git a/demo_markdown/docs/_guide/server_sider_rendering.md b/demo_markdown/docs/_guide/server_sider_rendering.md
index 68fce55..6c120f7 100644
--- a/demo_markdown/docs/_guide/server_sider_rendering.md
+++ b/demo_markdown/docs/_guide/server_sider_rendering.md
@@ -11,3 +11,17 @@ To enable the hydrate mode, the following configurations are required:
 ```toml
 thaw = { ..., features = ["hydrate"] }
 ```
+
+### cargo-leptos
+
+if you use [cargo-leptos](https://github.com/leptos-rs/cargo-leptos), Remember to add thaw to your `Cargo.toml` file in the corresponding feature, e.g.
+
+```toml
+[features]
+...
+hydrate = [..., "thaw/hydrate"]
+ssr = [
+  ...
+  "thaw/ssr",
+]
+```
diff --git a/demo_markdown/src/lib.rs b/demo_markdown/src/lib.rs
index 154f3cb..0c64ad5 100644
--- a/demo_markdown/src/lib.rs
+++ b/demo_markdown/src/lib.rs
@@ -23,12 +23,9 @@ pub fn include_md(_token_stream: proc_macro::TokenStream) -> proc_macro::TokenSt
         "DevelopmentComponentsMdPage" => "../docs/_guide/development/components.md",
         "InstallationMdPage" => "../docs/_guide/installation.md",
         "ServerSiderRenderingMdPage" => "../docs/_guide/server_sider_rendering.md",
-        // "NavBarMdPage" => "../docs/_mobile/nav_bar/mod.md",
-        // "TabbarMdPage" => "../docs/_mobile/tabbar/mod.md",
-        // "ToastMdPage" => "../docs/_mobile/toast/mod.md",
-        "AccordionMdPage" => "../docs/accordion/mod.md",
+        "AccordionMdPage" => "../../thaw/src/accordion/docs/mod.md",
         // "AlertMdPage" => "../docs/alert/mod.md",
-        "AnchorMdPage" => "../docs/anchor/mod.md",
+        "AnchorMdPage" => "../../thaw/src/anchor/docs/mod.md",
         "AutoCompleteMdPage" => "../docs/auto_complete/mod.md",
         "AvatarMdPage" => "../docs/avatar/mod.md",
         "BackTopMdPage" => "../docs/back_top/mod.md",
diff --git a/demo_markdown/src/markdown/mod.rs b/demo_markdown/src/markdown/mod.rs
index c1e8b7e..dd5094c 100644
--- a/demo_markdown/src/markdown/mod.rs
+++ b/demo_markdown/src/markdown/mod.rs
@@ -1,7 +1,7 @@
 mod code_block;
 
 use comrak::{
-    nodes::{AstNode, LineColumn, NodeValue},
+    nodes::{AstNode, LineColumn, NodeLink, NodeValue},
     parse_document, Arena,
 };
 use proc_macro2::{Ident, Span, TokenStream};
@@ -156,7 +156,15 @@ fn iter_nodes<'a>(
         NodeValue::Strong => quote!("Strong todo!!!"),
         NodeValue::Strikethrough => quote!("Strikethrough todo!!!"),
         NodeValue::Superscript => quote!("Superscript todo!!!"),
-        NodeValue::Link(_) => quote!("Link todo!!!"),
+        NodeValue::Link(node_link) => {
+            let NodeLink { url, title } = node_link;
+            
+            quote!(
+                <a href=#url title=#title>
+                    #(#children)*
+                </a>
+            )
+        }
         NodeValue::Image(_) => quote!("Image todo!!!"),
         NodeValue::FootnoteReference(_) => quote!("FootnoteReference todo!!!"),
         NodeValue::MultilineBlockQuote(_) => quote!("FootnoteReference todo!!!"),
diff --git a/demo_markdown/docs/accordion/mod.md b/thaw/src/accordion/docs/mod.md
similarity index 100%
rename from demo_markdown/docs/accordion/mod.md
rename to thaw/src/accordion/docs/mod.md
diff --git a/demo_markdown/docs/anchor/mod.md b/thaw/src/anchor/docs/mod.md
similarity index 100%
rename from demo_markdown/docs/anchor/mod.md
rename to thaw/src/anchor/docs/mod.md