Liquid Stack 1.2.0:手机导航、Web App 基础适配与可选组件

Liquid Stack 1.2.0 新增统一的手机个人信息顶栏、触控浮动导航、Web App 元数据、可选产品目录与 Waline 增强,以及文章写作标识。

作者: Liquid Stack

文章来源: https://liquid-stack.pages.dev/zh/p/liquid-stack-1-2-0/

Liquid Stack 1.2.0 重点改进手机导航,并加入数个可复用、可按需移除的组件,同时保持 Stack v4 原有的内容结构。

统一的手机个人信息顶栏

普通内容页面现在新增手机顶栏。向上滚动时,头像与网站名称会移动到屏幕顶部的固定顶栏中,同时保留深浅色切换、语言切换和菜单入口。

搜索页面会在出现结果、页面可以滚动后显示顶栏,并把搜索框保留在顶栏下方。

统一的手机个人信息顶栏

适合触控操作的浮动导航

较长的关于页面与简历页面可以在手机上保留章节导航。点击按钮展开菜单,选择章节后自动收起,点击菜单外部也会关闭。

其他较长的展示页面也可以复用这套响应式导航方式。

可选产品目录演示

新增一个使用虚构数据的小型产品目录,用于演示 Hugo 数据如何驱动可搜索、可筛选的展示页面。四条示例记录包含:

  • 中英文数据;
  • 名称与介绍搜索;
  • 状态筛选和表格排序;
  • 分类展开与收起;
  • 桌面表格和手机卡片布局。

这个组件刻意保持简洁。不需要产品目录的网站可以删除对应内容、数据和布局文件,不会影响博客功能。

Web App 基础适配

模板现在提供 Web App Manifest、192 与 512 像素安装图标、Apple 独立窗口元数据,以及与浅色和深色模式匹配的浏览器主题色。

这些内容构成网站添加到主屏幕时所需的基础元数据。1.2.0 暂未加入 Service Worker 或离线缓存。

可选 Waline 安全增强

可选的 Waline 集成增加了基于 Turnstile 的上传会话与评论验证前端接口。该功能默认关闭,因为只有兼容后端实现对应验证接口后,这些检查才能形成完整的安全保护。

后端接口约定记录在 docs/waline-secure-uploads.md

文章写作标识

文章现在可以选择声明以下两种状态之一:

1
writingMode: human
1
writingMode: aigc-assisted

文章页脚和 Sveltia CMS 会显示对应的双语标识。不填写该字段时,文章继续使用原来的展示方式。

兼容性

1.2.0 没有计划中的破坏性变更。现有 Markdown 文章、Stack 分类与标签、双语内容包和 Hugo 地址结构均保持不变。

完整功能说明请查看欢迎使用 Liquid Stack

这篇文章对你有帮助吗?
  • 喜欢
  • 好笑
  • 思考
  • 惊讶
  • 难过
4 评论
  • 按正序
  • 按倒序
  • 按热度
Alex 2 天前

主页小组件很完整,替换示例内容后就可以直接使用。

Liquid Stack Author 2 天前

@Alex:

谢谢体验。示例内容、图片和链接都可以按自己的需要替换。

Momo 1 天前

@Liquid Stack:

中英文页面切换很自然,文章与页面结构也保持一致。

Liquid Stack Author 刚刚

@Momo:

评论、友链和管理后台都保留了完整入口,接入自己的服务后即可使用。

Powered by Waline