优化移动端阅读体验、优化瞬间样式、修复导航target属性渲染错误

2026-05-22 14:56:55 +08:00
parent f48db60690
commit 9d0bfcfb4f
24 changed files with 246 additions and 276 deletions
@@ -1,5 +1,34 @@
 # 更新日志

+## v1.1.1
+
+### 瞬间页面
+
+- 🗑️ 移除时间轴（Timeline）布局，简化为卡片（Cards）和瀑布流（Masonry）两种样式
+- 🎨 卡片样式成为新的默认展示样式，采用一栏式居中布局
+- 🧹 清理时间轴相关的 HTML、CSS 和 JS 代码
+
+### 移动端阅读体验优化
+
+- 📱 全面增大移动端字体尺寸，提升文章阅读舒适度
+- 📱 优化文章正文行高（1.75 → 1.8），段落间距更宽松
+- 📱 移动端标题字号适配（h2/h3/h4 在 768px 以下适当放大）
+- 📱 优化全局排版变量（text-xs ~ text-5xl 基准值上调）
+- 📱 优化引用块、代码块、表格在移动端的显示
+- 📱 优化文章卡片在移动端的标题和摘要字号
+- 📱 优化瞬间页面卡片在移动端的文字和间距
+
+### 导航修复
+
+- 🐛 修复导航菜单 target 属性渲染错误，导致部分链接在新标签页打开的问题
+- 🐛 修复 Halo 菜单项 `spec.target` 枚举对象解析为 `target="null"` 的问题
+
+### 错误处理增强
+
+- 🛡️ 添加全局 unhandledrejection 捕获，抑制浏览器扩展产生的控制台错误
+- 🛡️ 复制链接按钮添加 clipboard API 失败回退逻辑
+- 🛡️ Logo 图片加载失败时自动隐藏并显示站点标题
+
 ## v1.1.0

 ### 分享功能增强
@@ -1,6 +1,6 @@
 # 评论

-评论配置控制全站评论区域的外观样式，影响文章详情页、留言板等所有包含评论组件的页面。WarmIsland 基于 Halo 的 `halo:comment` 组件提供评论功能，并提供了样式定制选项。
+评论配置控制全站评论区域的外观样式，影响文章详情页、留言板等所有包含评论组件的页面。WarmIsland 基于 Halo 的 `halo:comment` 组件提供评论功能。

 ## 配置项一览

@@ -13,10 +13,7 @@

 ### 评论样式（comment_style）

-| 值 | 说明 |
-| --- | --- |
-| `warm` | 暖色风格，与暖屿主题整体风格一致，圆角卡片、柔和配色（默认） |
-| `minimal` | 极简风格，去除装饰性元素，线条简洁，适合内容导向型站点 |
+使用原版评论样式。

 ::: tip
 `warm` 样式与暖屿的整体设计语言最为协调，推荐大多数用户使用。`minimal` 样式适合希望让评论区域更低调、不抢夺正文注意力的场景。
@@ -13,7 +13,7 @@
 ::: danger
 朋友圈功能依赖 Halo 的 **plugin-friends** 插件。如果未安装此插件，朋友圈页面将无法正常工作。

-安装方式：Halo 后台 → **插件** → **安装** → 搜索「Friends」或从 [GitHub Releases](https://github.com/halo-sigs/plugin-friends) 下载安装。
+安装方式：Halo 后台 → **插件** → **安装** → 搜索「朋友圈」或从 [GitHub Releases](https://www.halo.run/store/apps/app-yISsV) 下载安装。
 :::

 ## 详细说明
@@ -39,12 +39,9 @@ friends_page_title: "Friends"    # 英文站点
 ### 添加订阅源

 1. 登录 Halo 后台管理控制台
-2. 进入 **朋友圈** 或 **Friends** 管理页面
-3. 点击 **添加订阅** 填写：
-   - **站点名称** — 友站名称
-   - **RSS 地址** — 友站的 RSS/Atom 订阅地址
-   - **Logo** — 友站 Logo（可选）
-4. 保存后，插件会在下次抓取周期自动拉取内容
+2. 进入 **链接** 管理页面
+3. 点击 **新建** 或 **编辑** 填写：元数据 **RSS 地址** 友站的 RSS 订阅地址
+4. 保存后，插件会在下次抓取周期自动拉取内容，亦可进入 **朋友圈** 自行同步

 ::: tip
 大多数博客平台都提供 RSS 订阅功能。常见的 RSS 地址格式：
@@ -14,7 +14,7 @@
 ::: danger
 友情链接功能依赖 Halo 的 **PluginLinks** 插件。如果未安装此插件，友情链接页面将无法正常工作。

-安装方式：Halo 后台 → **插件** → **安装** → 搜索「Links」→ 安装并启用。
+安装方式：Halo 后台 → **插件** → **安装** → 搜索「链接管理」→ 安装并启用。
 :::

 ## 详细说明
@@ -7,7 +7,7 @@
 | 配置项 | 类型 | 默认值 | 说明 |
 | --- | --- | --- | --- |
 | `moments_page_title` | 文本 | `瞬间` | 页面标题 |
-| `moments_style` | 下拉 | `timeline` | 展示样式：`timeline` / `cards` / `masonry` |
+| `moments_style` | 下拉 | `cards` | 展示样式：`cards` / `masonry` |
 | `moments_loading_mode` | 下拉 | `infinite_scroll` | 加载方式：`infinite_scroll` / `pagination` |
 | `moments_page_size` | 数字 | `10` | 每页显示数量 |

@@ -16,7 +16,7 @@
 ::: danger
 瞬间功能依赖 Halo 的 **PluginMoments** 插件。如果未安装此插件，瞬间页面将无法正常工作。

-安装方式：Halo 后台 → **插件** → **安装** → 搜索「Moments」→ 安装并启用。
+安装方式：Halo 后台 → **插件** → **安装** → 搜索「瞬间」→ 安装并启用。
 :::

 ## 详细说明
@@ -35,12 +35,11 @@ moments_page_title: "Moments"    # 英文站点

 | 值 | 说明 |
 | --- | --- |
-| `timeline` | 时间线样式，按时间顺序垂直排列，左侧有时间轴连线（默认） |
-| `cards` | 卡片样式，以网格卡片形式展示，每条瞬间独立成卡 |
+| `cards` | 卡片样式，以网格卡片形式展示，每条瞬间独立成卡（默认） |
 | `masonry` | 瀑布流样式，类似 Pinterest 的错落排列，适合图片较多的瞬间 |

 ::: tip
-如果你的瞬间以文字为主，推荐 `timeline` 样式，时间感更强；如果图片较多，推荐 `masonry` 样式，能更好地展示图片内容。
+如果你的瞬间以文字为主，推荐 `cards` 样式，简洁清晰；如果图片较多，推荐 `masonry` 样式，能更好地展示图片内容。
 :::

 ### 加载方式（moments_loading_mode）
@@ -17,7 +17,7 @@
 ::: danger
 图库功能依赖 Halo 的 **PluginPhotos** 插件。如果未安装此插件，图库页面将无法正常工作。

-安装方式：Halo 后台 → **插件** → **安装** → 搜索「Photos」→ 安装并启用。
+安装方式：Halo 后台 → **插件** → **安装** → 搜索「图库」→ 安装并启用。
 :::

 ## 详细说明
@@ -32,7 +32,7 @@ docker restart halo

 搜索功能依赖 Halo 搜索插件：

-1. 确认已安装 [搜索插件](https://www.halo.run/store/apps/app-search-widget)
+1. 确认已安装 [搜索插件](https://www.halo.run/store/apps/app-DlacW)
 2. 确认主题设置中「显示搜索按钮」已开启
 3. 确认插件已启用
 4. 支持快捷键 `Ctrl+K`（macOS 为 `⌘K`）唤起搜索
@@ -43,10 +43,10 @@ docker restart halo

 | 页面 | 所需插件 |
 |------|----------|
-| 瞬间 | [PluginMoments](https://www.halo.run/store/apps/app-moments) |
-| 图库 | [PluginPhotos](https://www.halo.run/store/apps/app-photos) |
-| 友链 | [PluginLinks](https://www.halo.run/store/apps/app-links) |
-| 朋友圈 | 朋友圈插件 |
+| 瞬间 | [PluginMoments](https://www.halo.run/store/apps/app-SnwWD) |
+| 图库 | [PluginPhotos](https://www.halo.run/store/apps/app-BmQJW) |
+| 友链 | [PluginLinks](https://www.halo.run/store/apps/app-hfbQg) |
+| 朋友圈 | [PluginFriends](https://www.halo.run/store/apps/app-yISsV) |

 安装并启用插件后，页面会自动显示内容。未安装插件时页面会显示友好的提示信息。

@@ -100,7 +100,7 @@ docker restart halo

 ### 如何报告 Bug？

-请在 [GitHub Issues](https://github.com/nxxy335top/halo-theme-WarmIsland/issues) 中提交，包含以下信息：
+请在 [GitHub Issues](https://github.com/sunny-335/halo-theme-WarmIsland/issues) 中提交，包含以下信息：

 - Halo 版本
 - 主题版本
@@ -6,29 +6,29 @@ WarmIsland 主题深度集成了多款 Halo 插件，提供了丰富的扩展页

 | 页面 | 所需插件 | 路由 |
 |------|----------|------|
-| 瞬间 | PluginMoments | /moments |
-| 图库 | PluginPhotos | /photos |
-| 友情链接 | PluginLinks | /links |
-| 朋友圈 | plugin-friends | /friends |
-| 豆瓣 | 豆瓣插件 | /douban |
-| 装备 | 装备插件 | /equipments |
-| 足迹 | 足迹插件 | /footprints |
-| Steam | Steam 插件 | /steam |
+| 瞬间 | [PluginMoments](https://www.halo.run/store/apps/app-SnwWD) | /moments |
+| 图库 | [PluginPhotos](https://www.halo.run/store/apps/app-BmQJW) | /photos |
+| 友情链接 | [PluginLinks](https://www.halo.run/store/apps/app-hfbQg) | /links |
+| 朋友圈 | [plugin-friends](https://www.halo.run/store/apps/app-yISsV) | /friends |
+| 豆瓣 | [plugin-douban](https://www.halo.run/store/apps/app-srBOL) | /douban |
+| 装备 | [equipment](https://www.halo.run/store/apps/app-ytygyqml) | /equipments |
+| 足迹 | [footprint](https://www.halo.run/store/apps/app-XCtAQ) | /footprints |
+| Steam | [steam](https://www.halo.run/store/apps/app-0ojqyzfh) | /steam |

 ## 豆瓣页面
-
+[豆瓣插件](https://www.halo.run/store/apps/app-srBOL)
 展示豆瓣观影/读书/音乐记录，支持按类型和状态筛选。

 ## 装备页面
-
+[装备管理插件](https://www.halo.run/store/apps/app-ytygyqml)
 展示个人装备清单，按分组分类展示。

 ## 足迹页面
-
+[足迹插件](https://www.halo.run/store/apps/app-XCtAQ)
 展示个人足迹地图。

 ## Steam 页面
-
+[Steam](https://www.halo.run/store/apps/app-0ojqyzfh)
 展示 Steam 游戏资料，包括：

 - 玩家头像和昵称
@@ -1,6 +1,6 @@
 # 朋友圈

-朋友圈页面展示订阅的友站最新文章动态，需要安装 [朋友圈插件](https://www.halo.run/store/apps/app-friends)。
+朋友圈页面展示订阅的友站最新文章动态，需要安装 [朋友圈插件](https://www.halo.run/store/apps/app-yISsV)。

 ## 功能说明

@@ -1,6 +1,6 @@
 # 友情链接

-友情链接页面展示友站信息，需要安装 [链接管理插件](https://www.halo.run/store/apps/app-links)。
+友情链接页面展示友站信息，需要安装 [链接管理插件](https://www.halo.run/store/apps/app-hfbQg)。

 ## 展示样式

@@ -1,6 +1,6 @@
 # 瞬间

-瞬间页面展示短内容动态，需要安装 [瞬间插件](https://www.halo.run/store/apps/app-moments)。
+瞬间页面展示短内容动态，需要安装 [瞬间插件](https://www.halo.run/store/apps/app-SnwWD)。

 ## 展示样式

@@ -1,6 +1,6 @@
 # 图库

-图库页面展示照片集，需要安装 [图库插件](https://www.halo.run/store/apps/app-photos)。
+图库页面展示照片集，需要安装 [图库插件](https://www.halo.run/store/apps/app-BmQJW)。

 ## 展示样式