diff --git a/src/pages/admin/dashboard.rs b/src/pages/admin/dashboard.rs
index 54f27c1..59404f0 100644
--- a/src/pages/admin/dashboard.rs
+++ b/src/pages/admin/dashboard.rs
@@ -1,16 +1,37 @@
 use dioxus::prelude::*;
 
 use crate::api::posts::{get_post_stats, list_posts, PostListResponse, PostStatsResponse};
-use crate::components::suspense_wrapper::SuspenseWrapper;
+use crate::hooks::delayed_loading::use_delayed_loading;
 use crate::models::post::Post;
 
 #[component]
 pub fn Admin() -> Element {
+    let stats_res = use_resource(get_post_stats);
+    let posts_res = use_resource(list_posts);
+    let show_stats_skeleton = use_delayed_loading(move || stats_res.read().is_none());
+    let show_posts_skeleton = use_delayed_loading(move || posts_res.read().is_none());
+
     rsx! {
         div { class: "space-y-8",
             div { class: "grid grid-cols-1 md:grid-cols-3 gap-6",
-                SuspenseWrapper {
-                    StatsSection {}
+                match &*stats_res.read() {
+                    Some(Ok(PostStatsResponse { stats })) => {
+                        rsx! {
+                            StatCard { value: stats.total.to_string(), label: "文章总数" }
+                            StatCard { value: stats.drafts.to_string(), label: "草稿数" }
+                            StatCard { value: stats.published.to_string(), label: "已发布" }
+                        }
+                    }
+                    _ => {
+                        rsx! {
+                            for _ in 0..3 {
+                                div { class: if show_stats_skeleton() { "rounded-xl bg-white dark:bg-[#2e2e33] border border-gray-200 dark:border-[#333] p-6 text-center space-y-3 animate-pulse" } else { "rounded-xl bg-white dark:bg-[#2e2e33] border border-gray-200 dark:border-[#333] p-6 text-center space-y-3 opacity-0" },
+                                    div { class: "h-9 w-16 mx-auto bg-gray-200 dark:bg-[#2a2a2a] rounded" }
+                                    div { class: "h-4 w-20 mx-auto bg-gray-200 dark:bg-[#2a2a2a] rounded" }
+                                }
+                            }
+                        }
+                    }
                 }
             }
 
@@ -35,78 +56,28 @@ pub fn Admin() -> Element {
                 h2 { class: "text-xl font-bold text-gray-900 dark:text-[#dadadb] mb-4",
                     "最近文章"
                 }
-                SuspenseWrapper {
-                    RecentPostsSection {}
-                }
-            }
-        }
-    }
-}
-
-#[component]
-fn StatsSection() -> Element {
-    let stats_res = use_server_future(get_post_stats)?;
-
-    let stats_data = stats_res.read().as_ref().map(|r| match r {
-        Ok(PostStatsResponse { stats }) => Ok(stats.clone()),
-        Err(_) => Err(()),
-    });
-
-    match stats_data {
-        Some(Ok(stats)) => {
-            rsx! {
-                StatCard { value: stats.total.to_string(), label: "文章总数" }
-                StatCard { value: stats.drafts.to_string(), label: "草稿数" }
-                StatCard { value: stats.published.to_string(), label: "已发布" }
-            }
-        }
-        Some(Err(_)) => {
-            rsx! {
-                div { class: "col-span-3 text-center text-red-500 dark:text-red-400 py-6",
-                    "加载统计失败"
-                }
-            }
-        }
-        _ => {
-            rsx! {
-                div { class: "col-span-3 text-center text-gray-500 dark:text-[#9b9c9d] py-6",
-                    "加载中..."
-                }
-            }
-        }
-    }
-}
-
-#[component]
-fn RecentPostsSection() -> Element {
-    let posts_res = use_server_future(list_posts)?;
-
-    let posts_data = posts_res.read().as_ref().map(|r| match r {
-        Ok(PostListResponse { posts }) => Ok(posts.clone()),
-        Err(_) => Err(()),
-    });
-
-    match posts_data {
-        Some(Ok(posts)) => {
-            rsx! {
-                div { class: "space-y-0",
-                    for post in posts.iter().take(5) {
-                        RecentPostItem { post: post.clone() }
+                match &*posts_res.read() {
+                    Some(Ok(PostListResponse { posts })) => {
+                        rsx! {
+                            div { class: "space-y-0",
+                                for post in posts.iter().take(5) {
+                                    RecentPostItem { post: post.clone() }
+                                }
+                            }
+                        }
+                    }
+                    _ => {
+                        rsx! {
+                            div { class: if show_posts_skeleton() { "space-y-4 animate-pulse" } else { "space-y-4 opacity-0" },
+                                for _ in 0..5 {
+                                    div { class: "flex justify-between items-center py-3 border-b border-gray-100 dark:border-[#333]",
+                                        div { class: "h-4 w-[45%] bg-gray-200 dark:bg-[#2a2a2a] rounded" }
+                                        div { class: "h-3 w-20 bg-gray-200 dark:bg-[#2a2a2a] rounded" }
+                                    }
+                                }
+                            }
+                        }
                     }
-                }
-            }
-        }
-        Some(Err(_)) => {
-            rsx! {
-                div { class: "text-center text-red-500 dark:text-red-400 py-6",
-                    "加载文章列表失败"
-                }
-            }
-        }
-        _ => {
-            rsx! {
-                div { class: "text-center text-gray-500 dark:text-[#9b9c9d] py-6",
-                    "加载中..."
                 }
             }
         }
diff --git a/src/pages/admin/posts.rs b/src/pages/admin/posts.rs
index 4b24fd8..28b70d4 100644
--- a/src/pages/admin/posts.rs
+++ b/src/pages/admin/posts.rs
@@ -1,11 +1,15 @@
 use dioxus::prelude::*;
 
 use crate::api::posts::{delete_post, list_posts, CreatePostResponse, PostListResponse};
-use crate::components::suspense_wrapper::SuspenseWrapper;
+use crate::hooks::delayed_loading::use_delayed_loading;
 use crate::models::post::{Post, PostStatus};
 
 #[component]
 pub fn Posts() -> Element {
+    let mut posts_res = use_resource(list_posts);
+    let mut deleting = use_signal(|| None::<i32>);
+    let show_skeleton = use_delayed_loading(move || posts_res.read().is_none());
+
     rsx! {
         div { class: "space-y-6",
             div { class: "flex items-center justify-between",
@@ -20,70 +24,52 @@ pub fn Posts() -> Element {
                     "+ 写文章"
                 }
             }
-            SuspenseWrapper {
-                PostsTable {}
-            }
-        }
-    }
-}
 
-#[component]
-fn PostsTable() -> Element {
-    let mut refresh = use_signal(|| 0);
-    let mut deleting = use_signal(|| None::<i32>);
-    let posts_res = use_server_future(move || {
-        let _ = refresh();
-        list_posts()
-    })?;
-
-    let posts_data = posts_res.read().as_ref().map(|r| match r {
-        Ok(PostListResponse { posts }) => Ok(posts.clone()),
-        Err(e) => Err(e.to_string()),
-    });
-
-    match posts_data {
-        Some(Ok(posts)) => {
-            if posts.is_empty() {
-                rsx! {
-                    div { class: "text-center py-20 text-gray-500 dark:text-[#9b9c9d]",
-                        "暂无文章"
-                    }
-                }
-            } else {
-                rsx! {
-                    div { class: "bg-white dark:bg-[#2e2e33] rounded-xl border border-gray-200 dark:border-[#333] overflow-hidden",
-                        table { class: "w-full text-sm",
-                            thead {
-                                tr { class: "border-b border-gray-200 dark:border-[#333] text-left text-gray-500 dark:text-[#9b9c9d]",
-                                    th { class: "px-4 py-3 font-medium", "标题" }
-                                    th { class: "px-4 py-3 font-medium w-24 text-center", "状态" }
-                                    th { class: "px-4 py-3 font-medium w-32", "日期" }
-                                    th { class: "px-4 py-3 font-medium w-24 text-right", "操作" }
-                                }
+            match &*posts_res.read() {
+                Some(Ok(PostListResponse { posts })) => {
+                    if posts.is_empty() {
+                        rsx! {
+                            div { class: "text-center py-20 text-gray-500 dark:text-[#9b9c9d]",
+                                "暂无文章"
                             }
-                            tbody {
-                                for post in posts.iter() {
-                                    PostRow {
-                                        post: post.clone(),
-                                        deleting: deleting() == Some(post.id),
-                                        on_delete: move |id| {
-                                            deleting.set(Some(id));
-                                            spawn(async move {
-                                                match delete_post(id).await {
-                                                    Ok(CreatePostResponse { success: true, .. }) => {
-                                                        refresh.set(refresh() + 1);
-                                                    }
-                                                    Ok(CreatePostResponse { success: false, message, .. }) => {
-                                                        #[cfg(target_arch = "wasm32")]
-                                                        web_sys::window().map(|w| w.alert_with_message(&message).ok());
-                                                    }
-                                                    Err(e) => {
-                                                        #[cfg(target_arch = "wasm32")]
-                                                        web_sys::window().map(|w| w.alert_with_message(&format!("删除失败: {}", e)).ok());
-                                                    }
+                        }
+                    } else {
+                        rsx! {
+                            div { class: "bg-white dark:bg-[#2e2e33] rounded-xl border border-gray-200 dark:border-[#333] overflow-hidden",
+                                table { class: "w-full text-sm",
+                                    thead {
+                                        tr { class: "border-b border-gray-200 dark:border-[#333] text-left text-gray-500 dark:text-[#9b9c9d]",
+                                            th { class: "px-4 py-3 font-medium", "标题" }
+                                            th { class: "px-4 py-3 font-medium w-24 text-center", "状态" }
+                                            th { class: "px-4 py-3 font-medium w-32", "日期" }
+                                            th { class: "px-4 py-3 font-medium w-24 text-right", "操作" }
+                                        }
+                                    }
+                                    tbody {
+                                        for post in posts.iter() {
+                                            PostRow {
+                                                post: post.clone(),
+                                                deleting: deleting() == Some(post.id),
+                                                on_delete: move |id| {
+                                                    deleting.set(Some(id));
+                                                    spawn(async move {
+                                                        match delete_post(id).await {
+                                                            Ok(CreatePostResponse { success: true, .. }) => {
+                                                                posts_res.restart();
+                                                            }
+                                                            Ok(CreatePostResponse { success: false, message, .. }) => {
+                                                                #[cfg(target_arch = "wasm32")]
+                                                                web_sys::window().map(|w| w.alert_with_message(&message).ok());
+                                                            }
+                                                            Err(_e) => {
+                                                                #[cfg(target_arch = "wasm32")]
+                                                                web_sys::window().map(|w| w.alert_with_message("删除失败").ok());
+                                                            }
+                                                        }
+                                                        deleting.set(None);
+                                                    });
                                                 }
-                                                deleting.set(None);
-                                            });
+                                            }
                                         }
                                     }
                                 }
@@ -91,19 +77,24 @@ fn PostsTable() -> Element {
                         }
                     }
                 }
-            }
-        }
-        Some(Err(e)) => {
-            rsx! {
-                div { class: "text-center text-red-500 dark:text-red-400 py-20",
-                    "加载失败: {e}"
+                Some(Err(_e)) => {
+                    rsx! {
+                        div { class: "text-center text-red-500 dark:text-red-400 py-20",
+                            "加载失败"
+                        }
+                    }
                 }
-            }
-        }
-        _ => {
-            rsx! {
-                div { class: "text-center text-gray-500 dark:text-[#9b9c9d] py-20",
-                    "加载中..."
+                None => {
+                    rsx! {
+                        div { class: if show_skeleton() { "bg-white dark:bg-[#2e2e33] rounded-xl border border-gray-200 dark:border-[#333] animate-pulse" } else { "bg-white dark:bg-[#2e2e33] rounded-xl border border-gray-200 dark:border-[#333] opacity-0" },
+                            for _ in 0..5 {
+                                div { class: "flex items-center px-4 py-3 border-b border-gray-100 dark:border-[#333] last:border-0",
+                                    div { class: "h-4 w-1/3 bg-gray-200 dark:bg-[#2a2a2a] rounded" }
+                                    div { class: "ml-auto h-4 w-16 bg-gray-200 dark:bg-[#2a2a2a] rounded" }
+                                }
+                            }
+                        }
+                    }
                 }
             }
         }
diff --git a/src/theme.rs b/src/theme.rs
index d2b71dc..6f488f7 100644
--- a/src/theme.rs
+++ b/src/theme.rs
@@ -46,11 +46,16 @@ fn detect_initial_theme() -> Theme {
     #[cfg(feature = "server")]
     {
         if let Some(ctx) = dioxus::fullstack::FullstackContext::current() {
-            let parts = ctx.parts_mut();
-            if let Some(cookie) = parts.headers.get("cookie") {
+            if let Some(cookie) = ctx.parts_mut().headers.get("cookie") {
                 if let Ok(cookie_str) = cookie.to_str() {
-                    if cookie_str.contains("theme=dark") {
-                        return Theme::Dark;
+                    // Parse cookies properly: split by ';' then by '='
+                    for cookie_pair in cookie_str.split(';') {
+                        let mut parts = cookie_pair.trim().splitn(2, '=');
+                        if let (Some(name), Some(value)) = (parts.next(), parts.next()) {
+                            if name == "theme" && value == "dark" {
+                                return Theme::Dark;
+                            }
+                        }
                     }
                 }
             }
diff --git a/static/index/6a1fccc1.html b/static/index/6a1fccc1.html
new file mode 100644
index 0000000..2edc481
--- /dev/null
+++ b/static/index/6a1fccc1.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Yggdrasil - Dioxus SSR</title>
+        <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta charset="UTF-8">
+        <style>
+            /* Inter Font */
+            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap') layer;
+
+            #dx-toast-template {
+                display: none;
+                visibility: hidden;
+            }
+
+            .dx-toast {
+                position: absolute;
+                top: 10px;
+                right: 0;
+                padding-right: 10px;
+                user-select: none;
+                /* transition: transform 0.2s ease; */
+                z-index: 2147483647;
+            }
+
+            .dx-toast .dx-toast-inner {
+                /* transition: right 0.2s ease-out; */
+                position: fixed;
+
+                background-color: #181B20;
+                color: #ffffff;
+                font-family: "Inter", sans-serif;
+
+                display: grid;
+                grid-template-columns: auto auto;
+                max-width: 400px;
+                min-height: 56px;
+                border-radius: 5px;
+            }
+
+            .dx-toast .dx-toast-inner {
+                cursor: pointer;
+                margin-right: 10px;
+            }
+
+            .dx-toast .dx-toast-level-bar-container {
+                height: 100%;
+                width: 6px;
+            }
+
+            .dx-toast .dx-toast-level-bar-container .dx-toast-level-bar {
+                width: 100%;
+                height: 100%;
+                border-radius: 5px 0px 0px 5px;
+            }
+
+            .dx-toast .dx-toast-content {
+                padding: 8px;
+            }
+
+            .dx-toast .dx-toast-header {
+                display: flex;
+                flex-direction: row;
+                justify-content: start;
+                align-items: end;
+                margin-bottom: 10px;
+            }
+
+            .dx-toast .dx-toast-header>svg {
+                height: 18px;
+                margin-right: 5px;
+            }
+
+            .dx-toast .dx-toast-header .dx-toast-header-text {
+                font-size: 14px;
+                font-weight: 700;
+                padding: 0;
+                margin: 0;
+            }
+
+            .dx-toast .dx-toast-msg {
+                font-size: 11px;
+                font-weight: 400;
+                padding: 0;
+                margin: 0;
+            }
+
+            .dx-toast-level-bar.info {
+                background-color: #428EFF;
+            }
+
+            .dx-toast-level-bar.success {
+                background-color: #42FF65;
+            }
+
+            .dx-toast-level-bar.error {
+                background-color: #FF4242;
+            }
+        </style>
+        <script>
+            const STORAGE_KEY = "SCHEDULED-DX-TOAST";
+            let currentTimeout = null;
+            let currentToastId = 0;
+
+            // Show a toast, removing the previous one.
+            function showDXToast(headerText, message, progressLevel, durationMs) {
+                const decor = document.getElementById("__dx-toast-decor");
+                const text = document.getElementById("__dx-toast-text");
+                const msg = document.getElementById("__dx-toast-msg");
+                const inner = document.getElementById("__dx-toast-inner");
+                const toast = document.getElementById("__dx-toast");
+
+                if (decor) decor.className = `dx-toast-level-bar ${progressLevel}`;
+                if (text) text.innerText = headerText;
+                if (msg) msg.innerText = message;
+                if (inner) inner.style.right = "0";
+                if (toast) {
+                    toast.removeAttribute("aria-hidden");
+                    toast.addEventListener("click", closeDXToast);
+                }
+
+                // Wait a bit of time so animation plays correctly.
+                setTimeout(
+                    () => {
+                        let ourToastId = currentToastId;
+                        currentTimeout = setTimeout(() => {
+                            if (ourToastId == currentToastId) {
+                                closeDXToast();
+                            }
+                        }, durationMs);
+                    },
+                    100
+                );
+
+                currentToastId += 1;
+            }
+
+            // Schedule a toast to be displayed after reload.
+            function scheduleDXToast(headerText, message, level, durationMs) {
+                let data = {
+                    headerText,
+                    message,
+                    level,
+                    durationMs,
+                };
+
+                let jsonData = JSON.stringify(data);
+                sessionStorage.setItem(STORAGE_KEY, jsonData);
+            }
+
+            // Close the current toast.
+            function closeDXToast() {
+                document.getElementById("__dx-toast-inner").style.right = "-1000px";
+                document.getElementById("__dx-toast").setAttribute("aria-hidden", "true");
+                clearTimeout(currentTimeout);
+            }
+
+            // Handle any scheduled toasts after reload.
+            let potentialData = sessionStorage.getItem(STORAGE_KEY);
+            if (potentialData) {
+                sessionStorage.removeItem(STORAGE_KEY);
+                let data = JSON.parse(potentialData);
+                showDXToast(data.headerText, data.message, data.level, data.durationMs);
+            }
+
+            window.scheduleDXToast = scheduleDXToast;
+            window.showDXToast = showDXToast;
+            window.closeDXToast = closeDXToast;
+        </script>
+    <link rel="stylesheet" href="/style.css">
+<link rel="stylesheet" href="/highlight.css">
+<link rel="stylesheet" href="/tiptap/editor.css">
+<script src="/tiptap/editor.js"></script>
+</head>
+    <body>
+        <div id="__dx-toast" class="dx-toast" aria-hidden="true">
+            <div id="__dx-toast-inner" class="dx-toast-inner" style="right:-1000px;">
+                <div class="dx-toast-level-bar-container">
+                    <div id="__dx-toast-decor" class="dx-toast-level-bar __info"></div>
+                </div>
+                <div class="dx-toast-content">
+                    <div class="dx-toast-header">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" preserveAspectRatio="none">
+                            <path d="M22.158 1.783c0 3.077-.851 5.482-2.215 7.377s-3.32 3.557-5.447 5.33-4.425 3.657-6.252 6.195-3.102 5.515-3.102 9.532h4.699c0-3.077.853-5.377 2.217-7.272s3.32-3.557 5.447-5.33 4.425-3.657 6.252-6.195 3.102-5.62 3.102-9.637z" fill="#e96020"/>
+                            <path d="M9.531 25.927c-.635 0-1.021.515-1.02 1.15s.385 1.151 1.02 1.15H22.47a1.151 1.151 0 1 0 0-2.301zm1.361-4.076c-.608 0-.954.558-.953 1.166s.346 1.035.953 1.035h10.217a1.101 1.101 0 1 0 0-2.201zm0-13.594a1.101 1.101 0 1 0 0 2.201h10.217c.607 0 .953-.598.953-1.205s-.345-.996-.953-.996zM9.531 4.021A1.15 1.15 0 0 0 8.38 5.17a1.15 1.15 0 0 0 1.15 1.15h12.94c.635 0 1.021-.498 1.02-1.133s-.386-1.166-1.02-1.166z" fill="#2d323b"/>
+                            <path d="M5.142 1.783c0 4.016 1.275 7.099 3.102 9.637s4.125 4.422 6.252 6.195 4.083 3.656 5.447 5.551 2.215 3.974 2.215 7.051h4.701c0-4.016-1.275-7.038-3.102-9.576s-4.125-4.422-6.252-6.195-4.083-3.435-5.447-5.33S9.841 4.86 9.841 1.783z" fill="#00a8d6"/>
+                        </svg>
+                        <h3 id="__dx-toast-text" class="dx-toast-header-text">Your app is being rebuilt.</h3>
+                    </div>
+                    <p id="__dx-toast-msg" class="dx-toast-msg">A non-hot-reloadable change occurred and we must rebuild.</p>
+                </div>
+            </div>
+        </div>
+        <div id="main"><script>window.hydrate_queue=[];window.dx_hydrate=(id,data,debug_types,debug_locations)=>{let decoded=atob(data),bytes=Uint8Array.from(decoded,(c)=>c.charCodeAt(0));if(window.hydration_callback)window.hydration_callback(id,bytes,debug_types,debug_locations);else window.hydrate_queue.push([id,bytes,debug_types,debug_locations])};
+</script><div class="" data-node-hydration="0"><script data-node-hydration="1">
+(function() {
+    try {
+        var theme = localStorage.getItem('yggdrasil-theme');
+        if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            document.documentElement.classList.add('dark');
+        }
+    } catch (e) {}
+})();
+</script><div class="min-h-screen flex flex-col bg-white dark:bg-[#1d1e20] transition-colors duration-300" data-node-hydration="2"><header class="sticky top-0 z-40 w-full border-b border-gray-200 dark:border-[#333] bg-white/80 dark:bg-[#1d1e20]/80 backdrop-blur-sm" data-node-hydration="3"><nav class="max-w-3xl mx-auto px-6 h-[60px] flex items-center justify-between"><a class="text-2xl font-bold text-gray-900 dark:text-[#dadadb] hover:opacity-80 transition-opacity" href="/" data-node-hydration="4,click:1">Yggdrasil</a><div class="flex items-center gap-2"><ul class="hidden md:flex items-center gap-1"><li data-node-hydration="5"><a class="px-3 py-1 text-base rounded-lg transition-colors font-medium text-gray-900 dark:text-[#dadadb] underline underline-offset-[0.3rem] decoration-2 decoration-gray-900 dark:decoration-[#dadadb]" href="/" data-node-hydration="6,click:1"><!--node-id7-->首页<!--#--></a></li><li data-node-hydration="8"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/archives" data-node-hydration="9,click:1"><!--node-id10-->归档<!--#--></a></li><li data-node-hydration="11"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/tags" data-node-hydration="12,click:1"><!--node-id13-->标签<!--#--></a></li><li data-node-hydration="14"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/search" data-node-hydration="15,click:1"><!--node-id16-->搜索<!--#--></a></li><li data-node-hydration="17"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/about" data-node-hydration="18,click:1"><!--node-id19-->关于<!--#--></a></li></ul><button class="theme-toggle p-2 rounded-full cursor-pointer hover:opacity-80 transition-opacity text-gray-600 dark:text-gray-300" data-node-hydration="20,click:1"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor" data-node-hydration="21"><path d="M440-800v-120h80v120h-80Zm0 760v-120h80v120h-80Zm360-400v-80h120v80H800Zm-760 0v-80h120v80H40Zm708-252-56-56 70-72 58 58-72 70ZM198-140l-58-58 72-70 56 56-70 72Zm564 0-70-72 56-56 72 70-58 58ZM212-692l-72-70 58-58 70 72-56 56Zm98 382q-70-70-70-170t70-170q70-70 170-70t170 70q70 70 70 170t-70 170q-70 70-170 70t-170-70Zm283.5-56.5Q640-413 640-480t-46.5-113.5Q547-640 480-640t-113.5 46.5Q320-547 320-480t46.5 113.5Q413-320 480-320t113.5-46.5ZM480-480Z"></path></svg></button></div></nav></header><main class="flex-1 w-full max-w-3xl mx-auto px-6 py-6"><div class="mb-10 text-center" data-node-hydration="22"><h1 class="text-[34px] font-bold leading-tight text-gray-900 dark:text-[#dadadb]">Yggdrasil</h1><p class="mt-3 text-base text-gray-500 dark:text-[#9b9c9d] leading-relaxed">以文字为主的简约博客系统</p></div><article class="relative mb-6 p-6 bg-white dark:bg-[#2e2e33] rounded-lg border border-gray-200 dark:border-[#333] hover:-translate-y-0.5 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-250" data-node-hydration="23"><a class="block group" href="/post/test-papermod" data-node-hydration="24,click:1"><h2 class="text-2xl font-bold leading-tight text-gray-900 dark:text-[#dadadb] group-hover:opacity-80 transition-opacity"><!--node-id25-->测试文章 - PaperMod 风格<!--#--></h2><div class="mt-2 text-sm text-gray-500 dark:text-[#9b9c9d] leading-relaxed line-clamp-2"><!--node-id26-->这是一篇测试文章，用于验证 PaperMod 风格的文章页面。<!--#--></div><div class="mt-3 flex items-center gap-3 text-[13px] text-gray-400 dark:text-[#9b9c9d]"><span><!--node-id27-->2026-06-02<!--#--></span><span data-node-hydration="28">·</span><span data-node-hydration="29"><a class="hover:text-gray-600 dark:hover:text-[#dadadb] transition-colors" href="/tags/PaperMod" data-node-hydration="30,click:1"><!--node-id31-->PaperMod<!--#--></a></span><span data-node-hydration="32"><a class="hover:text-gray-600 dark:hover:text-[#dadadb] transition-colors" href="/tags/Rust" data-node-hydration="33,click:1"><!--node-id34-->Rust<!--#--></a></span><span data-node-hydration="35"><a class="hover:text-gray-600 dark:hover:text-[#dadadb] transition-colors" href="/tags/测试" data-node-hydration="36,click:1"><!--node-id37-->测试<!--#--></a></span></div></a></article><article class="relative mb-6 p-6 bg-white dark:bg-[#2e2e33] rounded-lg border border-gray-200 dark:border-[#333] hover:-translate-y-0.5 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-250" data-node-hydration="38"><a class="block group" href="/post/test-2" data-node-hydration="39,click:1"><h2 class="text-2xl font-bold leading-tight text-gray-900 dark:text-[#dadadb] group-hover:opacity-80 transition-opacity"><!--node-id40-->test<!--#--></h2><div class="mt-2 text-sm text-gray-500 dark:text-[#9b9c9d] leading-relaxed line-clamp-2"><!--node-id41-->test<!--#--></div><div class="mt-3 flex items-center gap-3 text-[13px] text-gray-400 dark:text-[#9b9c9d]"><span><!--node-id42-->2026-06-01<!--#--></span><!--placeholder43--></div></a></article><!--placeholder44--><nav class="flex mt-10 mb-6 justify-between" data-node-hydration="45"><!--placeholder46--><!--placeholder47--></nav></main><footer class="w-full border-t border-gray-200 dark:border-[#333] mt-auto" data-node-hydration="48"><div class="max-w-3xl mx-auto px-6 py-5 flex items-center justify-between text-sm text-gray-400 dark:text-[#9b9c9d]"><span>© 2026 Yggdrasil Blog</span><a class="p-2 rounded-full cursor-pointer hover:opacity-80 transition-all duration-300 text-gray-600 dark:text-gray-300 opacity-0 translate-y-2 pointer-events-none" href="#top" aria-label="go to top" title="Go to Top (Alt + G)" accesskey="g" data-node-hydration="49,click:1"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m296-224-56-56 240-240 240 240-56 56-184-183-184 183Zm0-240-56-56 240-240 240 240-56 56-184-183-184 183Z"></path></svg></a></div></footer></div></div><script>window.initial_dioxus_hydration_data="hIEY9oIYYRgv9pkEJhihGGIYTxhrGKEYZRhwGG8Ycxh0GHMYghiyGGIYaRhkAxhpGGEYdRh0GGgYbxhyGF8YaRhkARhlGHQYaRh0GGwYZRh4GB4Y5hi1GIsY6BivGJUY5hiWGIcY5xirGKAYIBgtGCAYUBhhGHAYZRhyGE0YbxhkGCAY6RijGI4Y5higGLwYZBhzGGwYdRhnGG0YdBhlGHMYdBgtGHAYYRhwGGUYchhtGG8YZBhnGHMYdRhtGG0YYRhyGHkYeBhJGOgYvxiZGOYYmBivGOQYuBiAGOcYrxiHGOYYtRiLGOgYrxiVGOYYlhiHGOcYqxigGO8YvBiMGOcYlBioGOQYuhiOGOkYqhiMGOgYrxiBGCAYUBhhGHAYZRhyGE0YbxhkGCAY6RijGI4Y5higGLwY5xiaGIQY5hiWGIcY5xirGKAY6RihGLUY6RidGKIY4xiAGIIYahhjGG8Ybhh0GGUYbhh0GF8YbRhkGHgY/BgjGCAY5xisGKwY5Bi4GIAY5xirGKAKChjoGL8YmRjmGJgYrxjnGKwYrBjkGLgYgBjnGKsYoBjnGJoYhBjlGIYYhRjlGK4YuRjjGIAYggoKGCMYIxggGDEYLhgxGCAY5RiwGI8Y6BiKGIIKChjoGL8YmRjmGJgYrxjlGLAYjxjoGIoYghjnGJoYhBjlGIYYhRjlGK4YuRjjGIAYggoKGGAYYBhgGHIYdRhzGHQKGGYYbhggGG0YYRhpGG4YKBgpGCAYewoYIBggGCAYIBhwGHIYaRhuGHQYbBhuGCEYKBgiGEgYZRhsGGwYbxgsGCAYVxhvGHIYbBhkGCEYIhgpGDsKGH0KGGAYYBhgCgoYIxggGOcYrBisGOQYuhiMGOcYqxigCgoY6Bi/GJkY5hiYGK8Y5xisGKwY5Bi6GIwY5xirGKAY5xiaGIQY5RiGGIUY5RiuGLkY4xiAGIIKChg+GCAY6Bi/GJkY5hiYGK8Y5Bi4GIAY5Bi4GKoY5Ri8GJUY5xiUGKgY5RidGJcY4xiAGIIKChgtGCAY5RiIGJcY6BihGKgY6RihGLkYIBgxChgtGCAY5RiIGJcY6BihGKgY6RihGLkYIBgyChgtGCAY5RiIGJcY6BihGKgY6RihGLkYIBgzGGwYYxhvGG4YdBhlGG4YdBhfGGgYdBhtGGwYYBhmGHMYdBhhGHQYdRhzGGkYUBh1GGIYbBhpGHMYaBhlGGQYbBhwGHUYYhhsGGkYcxhoGGUYZBhfGGEYdBh4GBsYMhgwGDIYNhgtGDAYNhgtGDAYMhhUGDEYMBg6GDIYNhg6GDMYMRguGDUYNhg2GDAYNRgzGFoYahhjGHIYZRhhGHQYZRhkGF8YYRh0GHgYGxgyGDAYMhg2GC0YMBg2GC0YMBgyGFQYMRgwGDoYMhg2GDoYMxgxGC4YNRg2GDYYMBg1GDMYWhhqGHUYcBhkGGEYdBhlGGQYXxhhGHQYeBgbGDIYMBgyGDYYLRgwGDYYLRgwGDIYVBgxGDAYOhgyGDYYOhgzGDEYLhg1GDYYNhgwGDUYMxhaGGQYdBhhGGcYcxiDGGgYUBhhGHAYZRhyGE0YbxhkGGQYUhh1GHMYdBhmGOYYtRiLGOgYrxiVGGsYYxhvGHYYZRhyGF8YaRhtGGEYZxhlGHgYQhhoGHQYdBhwGHMYOhgvGC8YaRhtGGEYZxhlGHMYLhh1GG4YcxhwGGwYYRhzGGgYLhhjGG8YbRgvGHAYaBhvGHQYbxgtGDEYNRgwGDYYORgwGDUYORgyGDUYMxg0GDYYLRgyGDEYYhhkGGEYNBhkGDMYMhhkGGYYNBg/GHcYPRg4GDAYMBhsGHIYZRhhGGQYaRhuGGcYXxh0GGkYbRhlARhqGHcYbxhyGGQYXxhjGG8YdRhuGHQYGBgvGGgYdBhvGGMYXxhoGHQYbRhsGPYYaRhwGHIYZRh2GF8YcBhvGHMYdBj2GGkYbhhlGHgYdBhfGHAYbxhzGHQY9hiyGGIYaRhkAhhpGGEYdRh0GGgYbxhyGF8YaRhkARhlGHQYaRh0GGwYZRhkGHQYZRhzGHQYZBhzGGwYdRhnGGYYdBhlGHMYdBgtGDIYZxhzGHUYbRhtGGEYchh5GGQYdBhlGHMYdBhqGGMYbxhuGHQYZRhuGHQYXxhtGGQYZBh0GGUYcxh0GGwYYxhvGG4YdBhlGG4YdBhfGGgYdBhtGGwYbBg8GHAYPhh0GGUYcxh0GDwYLxhwGD4KGGYYcxh0GGEYdBh1GHMYaRhQGHUYYhhsGGkYcxhoGGUYZBhsGHAYdRhiGGwYaRhzGGgYZRhkGF8YYRh0GHgYGxgyGDAYMhg2GC0YMBg2GC0YMBgxGFQYMRgwGDoYMhg5GDoYMRg2GC4YORgxGDUYORg4GDIYWhhqGGMYchhlGGEYdBhlGGQYXxhhGHQYeBgbGDIYMBgyGDYYLRgwGDYYLRgwGDEYVBgxGDAYOhgyGDkYOhgxGDYYLhg5GDEYNhgzGDIYMBhaGGoYdRhwGGQYYRh0GGUYZBhfGGEYdBh4GBsYMhgwGDIYNhgtGDAYNhgtGDAYMRhUGDEYMBg6GDIYORg6GDEYNhguGDkYMRg2GDMYMhgwGFoYZBh0GGEYZxhzGIAYaxhjGG8YdhhlGHIYXxhpGG0YYRhnGGUY9hhsGHIYZRhhGGQYaRhuGGcYXxh0GGkYbRhlARhqGHcYbxhyGGQYXxhjGG8YdRhuGHQBGGgYdBhvGGMYXxhoGHQYbRhsGPYYaRhwGHIYZRh2GF8YcBhvGHMYdBj2GGkYbhhlGHgYdBhfGHAYbxhzGHQY9g==";window.initial_dioxus_hydration_debug_types=["core::option::Option<dioxus_core::render_error::CapturedError>","unknown","alloc::string::String","unknown","unknown","unknown","core::result::Result<yggdrasil::api::posts::PostListResponse, dioxus_fullstack_core::error::ServerFnError>"];window.initial_dioxus_hydration_debug_locations=["/Users/issuser/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/dioxus-server-0.7.9/src/ssr.rs:556:29","unknown","/Users/issuser/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/dioxus-fullstack-core-0.7.9/src/history.rs:44:30","unknown","unknown","unknown","src/pages/home.rs:35:21"];</script></div>
+    <script type="module" async src="/./wasm/yggdrasil.js"></script>
+            </body>
+</html>
diff --git a/static/post/test-papermod/index/6a1fcf68.html b/static/post/test-papermod/index/6a1fcf68.html
new file mode 100644
index 0000000..f661e3f
--- /dev/null
+++ b/static/post/test-papermod/index/6a1fcf68.html
@@ -0,0 +1,221 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Yggdrasil - Dioxus SSR</title>
+        <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta charset="UTF-8">
+        <style>
+            /* Inter Font */
+            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap') layer;
+
+            #dx-toast-template {
+                display: none;
+                visibility: hidden;
+            }
+
+            .dx-toast {
+                position: absolute;
+                top: 10px;
+                right: 0;
+                padding-right: 10px;
+                user-select: none;
+                /* transition: transform 0.2s ease; */
+                z-index: 2147483647;
+            }
+
+            .dx-toast .dx-toast-inner {
+                /* transition: right 0.2s ease-out; */
+                position: fixed;
+
+                background-color: #181B20;
+                color: #ffffff;
+                font-family: "Inter", sans-serif;
+
+                display: grid;
+                grid-template-columns: auto auto;
+                max-width: 400px;
+                min-height: 56px;
+                border-radius: 5px;
+            }
+
+            .dx-toast .dx-toast-inner {
+                cursor: pointer;
+                margin-right: 10px;
+            }
+
+            .dx-toast .dx-toast-level-bar-container {
+                height: 100%;
+                width: 6px;
+            }
+
+            .dx-toast .dx-toast-level-bar-container .dx-toast-level-bar {
+                width: 100%;
+                height: 100%;
+                border-radius: 5px 0px 0px 5px;
+            }
+
+            .dx-toast .dx-toast-content {
+                padding: 8px;
+            }
+
+            .dx-toast .dx-toast-header {
+                display: flex;
+                flex-direction: row;
+                justify-content: start;
+                align-items: end;
+                margin-bottom: 10px;
+            }
+
+            .dx-toast .dx-toast-header>svg {
+                height: 18px;
+                margin-right: 5px;
+            }
+
+            .dx-toast .dx-toast-header .dx-toast-header-text {
+                font-size: 14px;
+                font-weight: 700;
+                padding: 0;
+                margin: 0;
+            }
+
+            .dx-toast .dx-toast-msg {
+                font-size: 11px;
+                font-weight: 400;
+                padding: 0;
+                margin: 0;
+            }
+
+            .dx-toast-level-bar.info {
+                background-color: #428EFF;
+            }
+
+            .dx-toast-level-bar.success {
+                background-color: #42FF65;
+            }
+
+            .dx-toast-level-bar.error {
+                background-color: #FF4242;
+            }
+        </style>
+        <script>
+            const STORAGE_KEY = "SCHEDULED-DX-TOAST";
+            let currentTimeout = null;
+            let currentToastId = 0;
+
+            // Show a toast, removing the previous one.
+            function showDXToast(headerText, message, progressLevel, durationMs) {
+                const decor = document.getElementById("__dx-toast-decor");
+                const text = document.getElementById("__dx-toast-text");
+                const msg = document.getElementById("__dx-toast-msg");
+                const inner = document.getElementById("__dx-toast-inner");
+                const toast = document.getElementById("__dx-toast");
+
+                if (decor) decor.className = `dx-toast-level-bar ${progressLevel}`;
+                if (text) text.innerText = headerText;
+                if (msg) msg.innerText = message;
+                if (inner) inner.style.right = "0";
+                if (toast) {
+                    toast.removeAttribute("aria-hidden");
+                    toast.addEventListener("click", closeDXToast);
+                }
+
+                // Wait a bit of time so animation plays correctly.
+                setTimeout(
+                    () => {
+                        let ourToastId = currentToastId;
+                        currentTimeout = setTimeout(() => {
+                            if (ourToastId == currentToastId) {
+                                closeDXToast();
+                            }
+                        }, durationMs);
+                    },
+                    100
+                );
+
+                currentToastId += 1;
+            }
+
+            // Schedule a toast to be displayed after reload.
+            function scheduleDXToast(headerText, message, level, durationMs) {
+                let data = {
+                    headerText,
+                    message,
+                    level,
+                    durationMs,
+                };
+
+                let jsonData = JSON.stringify(data);
+                sessionStorage.setItem(STORAGE_KEY, jsonData);
+            }
+
+            // Close the current toast.
+            function closeDXToast() {
+                document.getElementById("__dx-toast-inner").style.right = "-1000px";
+                document.getElementById("__dx-toast").setAttribute("aria-hidden", "true");
+                clearTimeout(currentTimeout);
+            }
+
+            // Handle any scheduled toasts after reload.
+            let potentialData = sessionStorage.getItem(STORAGE_KEY);
+            if (potentialData) {
+                sessionStorage.removeItem(STORAGE_KEY);
+                let data = JSON.parse(potentialData);
+                showDXToast(data.headerText, data.message, data.level, data.durationMs);
+            }
+
+            window.scheduleDXToast = scheduleDXToast;
+            window.showDXToast = showDXToast;
+            window.closeDXToast = closeDXToast;
+        </script>
+    <link rel="stylesheet" href="/style.css">
+<link rel="stylesheet" href="/highlight.css">
+<link rel="stylesheet" href="/tiptap/editor.css">
+<script src="/tiptap/editor.js"></script>
+</head>
+    <body>
+        <div id="__dx-toast" class="dx-toast" aria-hidden="true">
+            <div id="__dx-toast-inner" class="dx-toast-inner" style="right:-1000px;">
+                <div class="dx-toast-level-bar-container">
+                    <div id="__dx-toast-decor" class="dx-toast-level-bar __info"></div>
+                </div>
+                <div class="dx-toast-content">
+                    <div class="dx-toast-header">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" preserveAspectRatio="none">
+                            <path d="M22.158 1.783c0 3.077-.851 5.482-2.215 7.377s-3.32 3.557-5.447 5.33-4.425 3.657-6.252 6.195-3.102 5.515-3.102 9.532h4.699c0-3.077.853-5.377 2.217-7.272s3.32-3.557 5.447-5.33 4.425-3.657 6.252-6.195 3.102-5.62 3.102-9.637z" fill="#e96020"/>
+                            <path d="M9.531 25.927c-.635 0-1.021.515-1.02 1.15s.385 1.151 1.02 1.15H22.47a1.151 1.151 0 1 0 0-2.301zm1.361-4.076c-.608 0-.954.558-.953 1.166s.346 1.035.953 1.035h10.217a1.101 1.101 0 1 0 0-2.201zm0-13.594a1.101 1.101 0 1 0 0 2.201h10.217c.607 0 .953-.598.953-1.205s-.345-.996-.953-.996zM9.531 4.021A1.15 1.15 0 0 0 8.38 5.17a1.15 1.15 0 0 0 1.15 1.15h12.94c.635 0 1.021-.498 1.02-1.133s-.386-1.166-1.02-1.166z" fill="#2d323b"/>
+                            <path d="M5.142 1.783c0 4.016 1.275 7.099 3.102 9.637s4.125 4.422 6.252 6.195 4.083 3.656 5.447 5.551 2.215 3.974 2.215 7.051h4.701c0-4.016-1.275-7.038-3.102-9.576s-4.125-4.422-6.252-6.195-4.083-3.435-5.447-5.33S9.841 4.86 9.841 1.783z" fill="#00a8d6"/>
+                        </svg>
+                        <h3 id="__dx-toast-text" class="dx-toast-header-text">Your app is being rebuilt.</h3>
+                    </div>
+                    <p id="__dx-toast-msg" class="dx-toast-msg">A non-hot-reloadable change occurred and we must rebuild.</p>
+                </div>
+            </div>
+        </div>
+        <div id="main"><script>window.hydrate_queue=[];window.dx_hydrate=(id,data,debug_types,debug_locations)=>{let decoded=atob(data),bytes=Uint8Array.from(decoded,(c)=>c.charCodeAt(0));if(window.hydration_callback)window.hydration_callback(id,bytes,debug_types,debug_locations);else window.hydrate_queue.push([id,bytes,debug_types,debug_locations])};
+</script><div class="" data-node-hydration="0"><script data-node-hydration="1">
+(function() {
+    try {
+        var theme = localStorage.getItem('yggdrasil-theme');
+        if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            document.documentElement.classList.add('dark');
+        }
+    } catch (e) {}
+})();
+</script><div class="min-h-screen flex flex-col bg-white dark:bg-[#1d1e20] transition-colors duration-300" data-node-hydration="2"><header class="sticky top-0 z-40 w-full border-b border-gray-200 dark:border-[#333] bg-white/80 dark:bg-[#1d1e20]/80 backdrop-blur-sm" data-node-hydration="3"><nav class="max-w-3xl mx-auto px-6 h-[60px] flex items-center justify-between"><a class="text-2xl font-bold text-gray-900 dark:text-[#dadadb] hover:opacity-80 transition-opacity" href="/" data-node-hydration="4,click:1">Yggdrasil</a><div class="flex items-center gap-2"><ul class="hidden md:flex items-center gap-1"><li data-node-hydration="5"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/" data-node-hydration="6,click:1"><!--node-id7-->首页<!--#--></a></li><li data-node-hydration="8"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/archives" data-node-hydration="9,click:1"><!--node-id10-->归档<!--#--></a></li><li data-node-hydration="11"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/tags" data-node-hydration="12,click:1"><!--node-id13-->标签<!--#--></a></li><li data-node-hydration="14"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/search" data-node-hydration="15,click:1"><!--node-id16-->搜索<!--#--></a></li><li data-node-hydration="17"><a class="px-3 py-1 text-base rounded-lg transition-colors text-gray-600 dark:text-[#9b9c9d] hover:text-gray-900 dark:hover:text-[#dadadb]" href="/about" data-node-hydration="18,click:1"><!--node-id19-->关于<!--#--></a></li></ul><button class="theme-toggle p-2 rounded-full cursor-pointer hover:opacity-80 transition-opacity text-gray-600 dark:text-gray-300" data-node-hydration="20,click:1"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor" data-node-hydration="21"><path d="M440-800v-120h80v120h-80Zm0 760v-120h80v120h-80Zm360-400v-80h120v80H800Zm-760 0v-80h120v80H40Zm708-252-56-56 70-72 58 58-72 70ZM198-140l-58-58 72-70 56 56-70 72Zm564 0-70-72 56-56 72 70-58 58ZM212-692l-72-70 58-58 70 72-56 56Zm98 382q-70-70-70-170t70-170q70-70 170-70t170 70q70 70 70 170t-70 170q-70 70-170 70t-170-70Zm283.5-56.5Q640-413 640-480t-46.5-113.5Q547-640 480-640t-113.5 46.5Q320-547 320-480t46.5 113.5Q413-320 480-320t113.5-46.5ZM480-480Z"></path></svg></button></div></nav></header><main class="flex-1 w-full max-w-3xl mx-auto px-6 py-6"><article class="post-single" data-node-hydration="22"><header class="post-header" data-node-hydration="23"><nav class="breadcrumbs" role="navigation" aria-label="Breadcrumb" data-node-hydration="24"><a href="/" data-node-hydration="25,click:1">Home</a><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right" width="16" height="16"><polyline points="9 18 15 12 9 6"></polyline></svg><span><!--node-id26-->测试文章 - PaperMod 风格<!--#--></span></nav><h1 class="post-title"><!--node-id27-->测试文章 - PaperMod 风格<!--#--><!--placeholder28--></h1><div class="post-description" data-node-hydration="29"><!--node-id30-->这是一篇测试文章，用于验证 PaperMod 风格的文章页面。<!--#--></div><div class="post-meta" data-node-hydration="31"><span><!--node-id32-->2026-06-02<!--#--></span><span>·</span><span><!--node-id33-->1 min read<!--#--></span><span>·</span><span><!--node-id34-->47 words<!--#--></span></div></header><figure class="entry-cover" data-node-hydration="35"><img loading="eager" src="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800" alt="Cover image" data-node-hydration="36"/></figure><details class="toc" data-node-hydration="37"><summary accesskey="c" title="(Alt + C)"><span class="title">Table of Contents</span></summary><div class="inner" data-node-hydration="38"><ul><li><a href="#第一章" aria-label="第一章">第一章</a><ul><li><a href="#1-1-小节" aria-label="1.1 小节">1.1 小节</a></li></ul></li><li><a href="#第二章" aria-label="第二章">第二章</a></li></ul></div></details><div class="post-content md-content" data-node-hydration="39"><h1 id="第一章">第一章<a class="anchor" aria-hidden="true" href="#第一章" rel="noopener noreferrer">#</a></h1><p>这是第一章的内容。</p>
+<h2 id="1-1-小节">1.1 小节<a class="anchor" aria-hidden="true" href="#1-1-小节" rel="noopener noreferrer">#</a></h2><p>这是小节的内容。</p>
+<pre><code><span class="source rust"><span class="meta function rust"><span class="meta function rust"><span class="storage type function rust">fn</span> </span><span class="entity name function rust">main</span></span><span class="meta function rust"><span class="meta function parameters rust"><span class="punctuation section parameters begin rust">(</span></span><span class="meta function rust"><span class="meta function parameters rust"><span class="punctuation section parameters end rust">)</span></span></span></span><span class="meta function rust"> </span><span class="meta function rust"><span class="meta block rust"><span class="punctuation section block begin rust">{</span>
+    <span class="support macro rust">println!</span><span class="meta group rust"><span class="punctuation section group begin rust">(</span></span><span class="meta group rust"><span class="string quoted double rust"><span class="punctuation definition string begin rust">"</span>Hello, World!<span class="punctuation definition string end rust">"</span></span></span><span class="meta group rust"><span class="punctuation section group end rust">)</span></span><span class="punctuation terminator rust">;</span>
+</span><span class="meta block rust"><span class="punctuation section block end rust">}</span></span></span></span></code></pre><h1 id="第二章">第二章<a class="anchor" aria-hidden="true" href="#第二章" rel="noopener noreferrer">#</a></h1><p>这是第二章的内容。</p>
+<blockquote>
+<p>这是一个引用块。</p>
+</blockquote>
+<ul>
+<li>列表项 1</li>
+<li>列表项 2</li>
+<li>列表项 3</li>
+</ul>
+</div><footer class="post-footer" data-node-hydration="40"><ul class="post-tags" data-node-hydration="41"><li data-node-hydration="42"><a href="/tags/PaperMod" data-node-hydration="43,click:1"><!--node-id44-->PaperMod<!--#--></a></li><li data-node-hydration="45"><a href="/tags/Rust" data-node-hydration="46,click:1"><!--node-id47-->Rust<!--#--></a></li><li data-node-hydration="48"><a href="/tags/测试" data-node-hydration="49,click:1"><!--node-id50-->测试<!--#--></a></li></ul><nav class="paginav" data-node-hydration="51"><a class="prev" href="/post/test-2" data-node-hydration="52,click:1"><span class="title">« Prev</span><span class="post-title-nav"><!--node-id53-->test<!--#--></span></a><span class="next" data-node-hydration="54"></span></nav><div class="back-to-home"><button data-node-hydration="55,click:1">← Back to Home</button></div></footer></article></main><footer class="w-full border-t border-gray-200 dark:border-[#333] mt-auto" data-node-hydration="56"><div class="max-w-3xl mx-auto px-6 py-5 flex items-center justify-between text-sm text-gray-400 dark:text-[#9b9c9d]"><span>© 2026 Yggdrasil Blog</span><a class="p-2 rounded-full cursor-pointer hover:opacity-80 transition-all duration-300 text-gray-600 dark:text-gray-300 opacity-0 translate-y-2 pointer-events-none" href="#top" aria-label="go to top" title="Go to Top (Alt + G)" accesskey="g" data-node-hydration="57,click:1"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m296-224-56-56 240-240 240 240-56 56-184-183-184 183Zm0-240-56-56 240-240 240 240-56 56-184-183-184 183Z"></path></svg></a></div></footer></div></div><script>window.initial_dioxus_hydration_data="hIEY9pQYcxgvGHAYbxhzGHQYLxh0GGUYcxh0GC0YcBhhGHAYZRhyGG0Ybxhk9pkLaxihGGIYTxhrGKEYZBhwGG8Ycxh0GLIYYhhpGGQDGGkYYRh1GHQYaBhvGHIYXxhpGGQBGGUYdBhpGHQYbBhlGHgYHhjmGLUYixjoGK8YlRjmGJYYhxjnGKsYoBggGC0YIBhQGGEYcBhlGHIYTRhvGGQYIBjpGKMYjhjmGKAYvBhkGHMYbBh1GGcYbRh0GGUYcxh0GC0YcBhhGHAYZRhyGG0YbxhkGGcYcxh1GG0YbRhhGHIYeRh4GEkY6Bi/GJkY5hiYGK8Y5Bi4GIAY5xivGIcY5hi1GIsY6BivGJUY5hiWGIcY5xirGKAY7xi8GIwY5xiUGKgY5Bi6GI4Y6RiqGIwY6BivGIEYIBhQGGEYcBhlGHIYTRhvGGQYIBjpGKMYjhjmGKAYvBjnGJoYhBjmGJYYhxjnGKsYoBjpGKEYtRjpGJ0YohjjGIAYghhqGGMYbxhuGHQYZRhuGHQYXxhtGGQYeBj8GCMYIBjnGKwYrBjkGLgYgBjnGKsYoAoKGOgYvxiZGOYYmBivGOcYrBisGOQYuBiAGOcYqxigGOcYmhiEGOUYhhiFGOUYrhi5GOMYgBiCCgoYIxgjGCAYMRguGDEYIBjlGLAYjxjoGIoYggoKGOgYvxiZGOYYmBivGOUYsBiPGOgYihiCGOcYmhiEGOUYhhiFGOUYrhi5GOMYgBiCCgoYYBhgGGAYchh1GHMYdAoYZhhuGCAYbRhhGGkYbhgoGCkYIBh7ChggGCAYIBggGHAYchhpGG4YdBhsGG4YIRgoGCIYSBhlGGwYbBhvGCwYIBhXGG8YchhsGGQYIRgiGCkYOwoYfQoYYBhgGGAKChgjGCAY5xisGKwY5Bi6GIwY5xirGKAKChjoGL8YmRjmGJgYrxjnGKwYrBjkGLoYjBjnGKsYoBjnGJoYhBjlGIYYhRjlGK4YuRjjGIAYggoKGD4YIBjoGL8YmRjmGJgYrxjkGLgYgBjkGLgYqhjlGLwYlRjnGJQYqBjlGJ0YlxjjGIAYggoKGC0YIBjlGIgYlxjoGKEYqBjpGKEYuRggGDEKGC0YIBjlGIgYlxjoGKEYqBjpGKEYuRggGDIKGC0YIBjlGIgYlxjoGKEYqBjpGKEYuRggGDMYbBhjGG8Ybhh0GGUYbhh0GF8YaBh0GG0YbBh5BxiIGDwYaBgxGCAYaRhkGD0YIhjnGKwYrBjkGLgYgBjnGKsYoBgiGD4Y5xisGKwY5Bi4GIAY5xirGKAYPBhhGCAYYxhsGGEYcxhzGD0YIhhhGG4YYxhoGG8YchgiGCAYYRhyGGkYYRgtGGgYaRhkGGQYZRhuGD0YIhh0GHIYdRhlGCIYIBhoGHIYZRhmGD0YIhgjGOcYrBisGOQYuBiAGOcYqxigGCIYIBhyGGUYbBg9GCIYbhhvGG8YcBhlGG4YZRhyGCAYbhhvGHIYZRhmGGUYchhyGGUYchgiGD4YIxg8GC8YYRg+GDwYLxhoGDEYPhg8GHAYPhjoGL8YmRjmGJgYrxjnGKwYrBjkGLgYgBjnGKsYoBjnGJoYhBjlGIYYhRjlGK4YuRjjGIAYghg8GC8YcBg+Chg8GGgYMhggGGkYZBg9GCIYMRgtGDEYLRjlGLAYjxjoGIoYghgiGD4YMRguGDEYIBjlGLAYjxjoGIoYghg8GGEYIBhjGGwYYRhzGHMYPRgiGGEYbhhjGGgYbxhyGCIYIBhhGHIYaRhhGC0YaBhpGGQYZBhlGG4YPRgiGHQYchh1GGUYIhggGGgYchhlGGYYPRgiGCMYMRgtGDEYLRjlGLAYjxjoGIoYghgiGCAYchhlGGwYPRgiGG4YbxhvGHAYZRhuGGUYchggGG4YbxhyGGUYZhhlGHIYchhlGHIYIhg+GCMYPBgvGGEYPhg8GC8YaBgyGD4YPBhwGD4Y6Bi/GJkY5hiYGK8Y5RiwGI8Y6BiKGIIY5xiaGIQY5RiGGIUY5RiuGLkY4xiAGIIYPBgvGHAYPgoYPBhwGHIYZRg+GDwYYxhvGGQYZRg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYcxhvGHUYchhjGGUYIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGG0YZRh0GGEYIBhmGHUYbhhjGHQYaRhvGG4YIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGG0YZRh0GGEYIBhmGHUYbhhjGHQYaRhvGG4YIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGHMYdBhvGHIYYRhnGGUYIBh0GHkYcBhlGCAYZhh1GG4YYxh0GGkYbxhuGCAYchh1GHMYdBgiGD4YZhhuGDwYLxhzGHAYYRhuGD4YIBg8GC8YcxhwGGEYbhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYZRhuGHQYaRh0GHkYIBhuGGEYbRhlGCAYZhh1GG4YYxh0GGkYbxhuGCAYchh1GHMYdBgiGD4YbRhhGGkYbhg8GC8YcxhwGGEYbhg+GDwYLxhzGHAYYRhuGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhtGGUYdBhhGCAYZhh1GG4YYxh0GGkYbxhuGCAYchh1GHMYdBgiGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhtGGUYdBhhGCAYZhh1GG4YYxh0GGkYbxhuGCAYcBhhGHIYYRhtGGUYdBhlGHIYcxggGHIYdRhzGHQYIhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYcBh1GG4YYxh0GHUYYRh0GGkYbxhuGCAYcxhlGGMYdBhpGG8YbhggGHAYYRhyGGEYbRhlGHQYZRhyGHMYIBhiGGUYZxhpGG4YIBhyGHUYcxh0GCIYPhgoGDwYLxhzGHAYYRhuGD4YPBgvGHMYcBhhGG4YPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGG0YZRh0GGEYIBhmGHUYbhhjGHQYaRhvGG4YIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGG0YZRh0GGEYIBhmGHUYbhhjGHQYaRhvGG4YIBhwGGEYchhhGG0YZRh0GGUYchhzGCAYchh1GHMYdBgiGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhwGHUYbhhjGHQYdRhhGHQYaRhvGG4YIBhzGGUYYxh0GGkYbxhuGCAYcBhhGHIYYRhtGGUYdBhlGHIYcxggGGUYbhhkGCAYchh1GHMYdBgiGD4YKRg8GC8YcxhwGGEYbhg+GDwYLxhzGHAYYRhuGD4YPBgvGHMYcBhhGG4YPhg8GC8YcxhwGGEYbhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYbRhlGHQYYRggGGYYdRhuGGMYdBhpGG8YbhggGHIYdRhzGHQYIhg+GCAYPBgvGHMYcBhhGG4YPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGG0YZRh0GGEYIBhmGHUYbhhjGHQYaRhvGG4YIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGG0YZRh0GGEYIBhiGGwYbxhjGGsYIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGHAYdRhuGGMYdBh1GGEYdBhpGG8YbhggGHMYZRhjGHQYaRhvGG4YIBhiGGwYbxhjGGsYIBhiGGUYZxhpGG4YIBhyGHUYcxh0GCIYPhh7GDwYLxhzGHAYYRhuGD4KGCAYIBggGCAYPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhzGHUYcBhwGG8Ychh0GCAYbRhhGGMYchhvGCAYchh1GHMYdBgiGD4YcBhyGGkYbhh0GGwYbhghGDwYLxhzGHAYYRhuGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhtGGUYdBhhGCAYZxhyGG8YdRhwGCAYchh1GHMYdBgiGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhwGHUYbhhjGHQYdRhhGHQYaRhvGG4YIBhzGGUYYxh0GGkYbxhuGCAYZxhyGG8YdRhwGCAYYhhlGGcYaRhuGCAYchh1GHMYdBgiGD4YKBg8GC8YcxhwGGEYbhg+GDwYLxhzGHAYYRhuGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhtGGUYdBhhGCAYZxhyGG8YdRhwGCAYchh1GHMYdBgiGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhzGHQYchhpGG4YZxggGHEYdRhvGHQYZRhkGCAYZBhvGHUYYhhsGGUYIBhyGHUYcxh0GCIYPhg8GHMYcBhhGG4YIBhjGGwYYRhzGHMYPRgiGHAYdRhuGGMYdBh1GGEYdBhpGG8YbhggGGQYZRhmGGkYbhhpGHQYaRhvGG4YIBhzGHQYchhpGG4YZxggGGIYZRhnGGkYbhggGHIYdRhzGHQYIhg+GCIYPBgvGHMYcBhhGG4YPhhIGGUYbBhsGG8YLBggGFcYbxhyGGwYZBghGDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYcBh1GG4YYxh0GHUYYRh0GGkYbxhuGCAYZBhlGGYYaRhuGGkYdBhpGG8YbhggGHMYdBhyGGkYbhhnGCAYZRhuGGQYIBhyGHUYcxh0GCIYPhgiGDwYLxhzGHAYYRhuGD4YPBgvGHMYcBhhGG4YPhg8GC8YcxhwGGEYbhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYbRhlGHQYYRggGGcYchhvGHUYcBggGHIYdRhzGHQYIhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYcBh1GG4YYxh0GHUYYRh0GGkYbxhuGCAYcxhlGGMYdBhpGG8YbhggGGcYchhvGHUYcBggGGUYbhhkGCAYchh1GHMYdBgiGD4YKRg8GC8YcxhwGGEYbhg+GDwYLxhzGHAYYRhuGD4YPBhzGHAYYRhuGCAYYxhsGGEYcxhzGD0YIhhwGHUYbhhjGHQYdRhhGHQYaRhvGG4YIBh0GGUYchhtGGkYbhhhGHQYbxhyGCAYchh1GHMYdBgiGD4YOxg8GC8YcxhwGGEYbhg+Chg8GC8YcxhwGGEYbhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYbRhlGHQYYRggGGIYbBhvGGMYaxggGHIYdRhzGHQYIhg+GDwYcxhwGGEYbhggGGMYbBhhGHMYcxg9GCIYcBh1GG4YYxh0GHUYYRh0GGkYbxhuGCAYcxhlGGMYdBhpGG8YbhggGGIYbBhvGGMYaxggGGUYbhhkGCAYchh1GHMYdBgiGD4YfRg8GC8YcxhwGGEYbhg+GDwYLxhzGHAYYRhuGD4YPBgvGHMYcBhhGG4YPhg8GC8YcxhwGGEYbhg+GDwYLxhjGG8YZBhlGD4YPBgvGHAYchhlGD4YPBhoGDEYIBhpGGQYPRgiGOcYrBisGOQYuhiMGOcYqxigGCIYPhjnGKwYrBjkGLoYjBjnGKsYoBg8GGEYIBhjGGwYYRhzGHMYPRgiGGEYbhhjGGgYbxhyGCIYIBhhGHIYaRhhGC0YaBhpGGQYZBhlGG4YPRgiGHQYchh1GGUYIhggGGgYchhlGGYYPRgiGCMY5xisGKwY5Bi6GIwY5xirGKAYIhggGHIYZRhsGD0YIhhuGG8YbxhwGGUYbhhlGHIYIBhuGG8YchhlGGYYZRhyGHIYZRhyGCIYPhgjGDwYLxhhGD4YPBgvGGgYMRg+GDwYcBg+GOgYvxiZGOYYmBivGOcYrBisGOQYuhiMGOcYqxigGOcYmhiEGOUYhhiFGOUYrhi5GOMYgBiCGDwYLxhwGD4KGDwYYhhsGG8YYxhrGHEYdRhvGHQYZRg+Chg8GHAYPhjoGL8YmRjmGJgYrxjkGLgYgBjkGLgYqhjlGLwYlRjnGJQYqBjlGJ0YlxjjGIAYghg8GC8YcBg+Chg8GC8YYhhsGG8YYxhrGHEYdRhvGHQYZRg+Chg8GHUYbBg+Chg8GGwYaRg+GOUYiBiXGOgYoRioGOkYoRi5GCAYMRg8GC8YbBhpGD4KGDwYbBhpGD4Y5RiIGJcY6BihGKgY6RihGLkYIBgyGDwYLxhsGGkYPgoYPBhsGGkYPhjlGIgYlxjoGKEYqBjpGKEYuRggGDMYPBgvGGwYaRg+Chg8GC8YdRhsGD4KGGYYcxh0GGEYdBh1GHMYaRhQGHUYYhhsGGkYcxhoGGUYZBhsGHAYdRhiGGwYaRhzGGgYZRhkGF8YYRh0GHgYGxgyGDAYMhg2GC0YMBg2GC0YMBgyGFQYMRgwGDoYMhg2GDoYMxgxGC4YNRg2GDYYMBg1GDMYWhhqGGMYchhlGGEYdBhlGGQYXxhhGHQYeBgbGDIYMBgyGDYYLRgwGDYYLRgwGDIYVBgxGDAYOhgyGDYYOhgzGDEYLhg1GDYYNhgwGDUYMxhaGGoYdRhwGGQYYRh0GGUYZBhfGGEYdBh4GBsYMhgwGDIYNhgtGDAYNhgtGDAYMhhUGDEYMBg6GDIYNhg6GDMYMRguGDUYNhg2GDAYNRgzGFoYZBh0GGEYZxhzGIMYaBhQGGEYcBhlGHIYTRhvGGQYZBhSGHUYcxh0GGYY5hi1GIsY6BivGJUYaxhjGG8YdhhlGHIYXxhpGG0YYRhnGGUYeBhCGGgYdBh0GHAYcxg6GC8YLxhpGG0YYRhnGGUYcxguGHUYbhhzGHAYbBhhGHMYaBguGGMYbxhtGC8YcBhoGG8YdBhvGC0YMRg1GDAYNhg5GDAYNRg5GDIYNRgzGDQYNhgtGDIYMRhiGGQYYRg0GGQYMxgyGGQYZhg0GD8Ydxg9GDgYMBgwGGwYchhlGGEYZBhpGG4YZxhfGHQYaRhtGGUBGGoYdxhvGHIYZBhfGGMYbxh1GG4YdBgYGC8YaBh0GG8YYxhfGGgYdBhtGGwYeBjbGDwYdRhsGD4YPBhsGGkYPhg8GGEYIBhoGHIYZRhmGD0YIhgjGOcYrBisGOQYuBiAGOcYqxigGCIYIBhhGHIYaRhhGC0YbBhhGGIYZRhsGD0YIhjnGKwYrBjkGLgYgBjnGKsYoBgiGD4Y5xisGKwY5Bi4GIAY5xirGKAYPBgvGGEYPhg8GHUYbBg+GDwYbBhpGD4YPBhhGCAYaBhyGGUYZhg9GCIYIxgxGC0YMRgtGOUYsBiPGOgYihiCGCIYIBhhGHIYaRhhGC0YbBhhGGIYZRhsGD0YIhgxGC4YMRggGOUYsBiPGOgYihiCGCIYPhgxGC4YMRggGOUYsBiPGOgYihiCGDwYLxhhGD4YPBgvGGwYaRg+GDwYLxh1GGwYPhg8GC8YbBhpGD4YPBhsGGkYPhg8GGEYIBhoGHIYZRhmGD0YIhgjGOcYrBisGOQYuhiMGOcYqxigGCIYIBhhGHIYaRhhGC0YbBhhGGIYZRhsGD0YIhjnGKwYrBjkGLoYjBjnGKsYoBgiGD4Y5xisGKwY5Bi6GIwY5xirGKAYPBgvGGEYPhg8GC8YbBhpGD4YPBgvGHUYbBg+GGkYcBhyGGUYdhhfGHAYbxhzGHQYohhlGHQYaRh0GGwYZRhkGHQYZRhzGHQYZBhzGGwYdRhnGGYYdBhlGHMYdBgtGDIYaRhuGGUYeBh0GF8YcBhvGHMYdBj2";window.initial_dioxus_hydration_debug_types=["core::option::Option<dioxus_core::render_error::CapturedError>","unknown","alloc::string::String","unknown","unknown","unknown","core::result::Result<yggdrasil::api::posts::SinglePostResponse, dioxus_fullstack_core::error::ServerFnError>"];window.initial_dioxus_hydration_debug_locations=["/Users/issuser/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/dioxus-server-0.7.9/src/ssr.rs:556:29","unknown","/Users/issuser/.cargo/registry/src/index.crates.io-1949cf8c6b5b557f/dioxus-fullstack-core-0.7.9/src/history.rs:44:30","unknown","unknown","unknown","src/pages/post_detail.rs:30:20"];</script></div>
+    <script type="module" async src="/./wasm/yggdrasil.js"></script>
+            </body>
+</html>