相邻文章导航`PostNavLinks`

在文章底部继续阅读上一篇或下一篇。卡片随可用宽度并排或纵向排列，长标题自然换行；缺少相邻文章时，只显示可用的入口。下方展示双侧、单侧与空状态，样例链接停留在本页。

组件预览。

01 / COMPONENT PREVIEW

COMPONENT PREVIEW · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

PostNavLinks {
    prev: Some(PostNav {
        title: "一片叶子".to_string(),
        slug: "a-leaf".to_string(),
    }),
    next: Some(PostNav {
        title: "下一圈年轮".to_string(),
        slug: "next-ring".to_string(),
    }),
}

主要属性

03 / PROPERTIES

属性 / 类型	默认值	说明
`prev`Option<PostNav>	None	上一篇文章的标题与 slug；None 时不显示该入口。
`next`Option<PostNav>	None	下一篇文章的标题与 slug；None 时不显示该入口。
`full_reload`bool	false	使用整页加载，适用于后台文章预览跨布局跳转。
`sample`bool	false	图鉴样例链接保持在当前页，保留悬停与键盘聚焦。

操作方式

04 / INTERACTION

Tab / Shift + Tab依次聚焦可用的文章入口。Enter打开聚焦的文章；本页样例不跳转。

YGGDRASIL · 每一个细节，都有回应。src/components/post/post_nav_links.rs

组件预览。

继续阅读沿着文字，走向下一页

第一篇文章只有下一篇

最后一篇文章只有上一篇

用法

主要属性

操作方式