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

README.md

@@ -87,3 +87,14 @@ npm run build
 ## 许可
 
 [GPL-3.0](https://www.gnu.org/licenses/gpl-3.0.en.html)
+
+## 图标来源
+
+本主题使用的图标来自以下开源项目：
+
+| 来源 | 协议 | 用途 |
+| --- | --- | --- |
+| [Font Awesome](https://fontawesome.com/) Free v7.2.0 | [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) / [SIL OFL 1.1](https://scripts.sil.org/OFL) | QQ 分享图标 |
+| [Simple Icons](https://simpleicons.org/) | [CC0 1.0](https://creativecommons.org/publicdomain/zero/1.0/) | 微博、X、Facebook、Telegram 分享图标 |
+| [Feather Icons](https://feathericons.com/) | [MIT](https://opensource.org/licenses/MIT) | 导航、界面交互图标 |
+| [Halo](https://halo.run/) | [GPL-3.0](https://www.gnu.org/licenses/gpl-3.0.en.html) | 主题内置图标 |

astro.config.mjs

@@ -1,7 +1,5 @@
 // @ts-check
 import { defineConfig } from "astro/config";
-import vue from "@astrojs/vue";
-import Icons from "unplugin-icons/vite";
 
 export default defineConfig({
   base: "/themes/warm-island",
@@ -12,13 +10,7 @@ export default defineConfig({
     cssMinify: true,
   },
   outDir: "./templates",
-  integrations: [vue()],
   vite: {
-    plugins: [
-      Icons({
-        compiler: "vue3",
-      }),
-    ],
     css: {
       preprocessorOptions: {
         scss: {

docs/changelog.md

@@ -1,5 +1,86 @@
 # 更新日志
 
+## 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
+
+### 分享功能增强
+
+- ✨ 新增 QQ 分享按钮（Font Awesome 图标）
+- ✨ 新增微信扫码分享（二维码弹窗）
+- ✨ 新增分享渠道配置项，可自由选择显示哪些分享按钮
+- 📋 复制链接按钮始终显示，不可关闭
+- 🎨 各分享按钮独立品牌色 hover 效果（QQ 蓝、微信绿、微博红等）
+- 🌐 i18n 国际化支持新增 QQ、微信、微信扫码相关翻译
+
+### 移动端优化
+
+- 📱 修复文章上下篇导航在移动端分成两行的问题，改为单行省略截断
+- 📱 修复目录悬浮球按钮位置偏上，调整到右下角更合理位置
+- 📱 优化移动端灯箱体验：增大导航按钮触摸区域、小屏隐藏 EXIF 信息
+- 📱 优化移动端分享按钮触摸目标大小
+
+### 灯箱优化
+
+- 🖼️ 修复关闭画廊后 lg-sub-html 不跟随到底部的问题
+- 🖼️ 修复打开画廊时 lg-sub-html 和 lg-inner 直接跳位而非平滑过渡的问题
+- 🖼️ 优化移动端灯箱导航按钮和缩略图栏布局
+- 🖼️ 小屏幕下隐藏 EXIF 参数信息，简化界面
+
+### 分享修复
+
+- 🐛 修复微信扫码分享 QR 码生成相对路径而非完整 URL 的问题
+- 🐛 修复复制链接按钮复制相对路径而非完整 URL 的问题
+- 🐛 修复 QQ 分享链接不可用，改为弹窗分享方式并正确编码 URL
+
+### 性能优化
+
+- ⚡ 添加 content-visibility 优化（首页、文章、归档、瞬间等区域）
+- ⚡ Prism.js 脚本延迟加载
+- ⚡ LightGallery 初始化改用 requestIdleCallback
+- ⚡ 封面图优先加载（loading="eager"）
+- ⚡ 正文图片自动添加 lazy loading
+- ⚡ 微信二维码 QR 码库按需加载（仅微信分享启用时加载）
+
+### 全局优化
+
+- 🎨 添加 theme-color meta 标签，适配移动端浏览器地址栏颜色
+- 🎨 主题切换时动态更新 theme-color
+- 🛡️ 多层 overflow-x: hidden 防止横向滚动条
+- 📱 移动端搜索按钮不再隐藏
+
+### 布局修复
+
+- 📐 恢复文章详情页为 800px 全宽布局（不使用 wide 模式）
+- 📐 封面图在 800px 容器内显示
+
 ## v1.0.0
 
 首次发布 🎉

docs/config/article.md

@@ -135,11 +135,30 @@ article_related_title: "猜你喜欢"
 
 | 平台 | 说明 |
 | --- | --- |
+| QQ | 点击后弹出 QQ 分享窗口，自动携带文章标题和链接 |
+| 微信 | 扫码分享到微信（生成文章完整 URL 的二维码） |
 | 微博 | 分享到新浪微博 |
 | X (Twitter) | 分享到 X |
 | Facebook | 分享到 Facebook |
 | Telegram | 分享到 Telegram |
-| 复制链接 | 复制文章链接到剪贴板 |
+| 复制链接 | 复制文章链接到剪贴板（始终显示） |
+
+#### 分享渠道（article_share_channels）
+
+选择要显示的分享按钮，可多选。默认选中 QQ、微信、微博。复制链接按钮始终显示，不可关闭。
+
+| 渠道 | 默认选中 |
+| --- | --- |
+| QQ | ✅ |
+| 微信 | ✅ |
+| 微博 | ✅ |
+| X (Twitter) | ❌ |
+| Facebook | ❌ |
+| Telegram | ❌ |
+
+::: info 图标来源
+分享按钮图标来自 [Font Awesome](https://fontawesome.com/)（Free v7.2.0，CC BY 4.0 / SIL OFL 1.1 协议）和 [Simple Icons](https://simpleicons.org/)（CC0 协议）。微信图标点击后会弹出二维码弹窗，用户可使用微信扫码分享。
+:::
 
 #### 分享区域标题（article_share_title）
 
@@ -148,10 +167,14 @@ article_related_title: "猜你喜欢"
 ```yaml
 article_show_share: true
 article_share_title: "分享这篇文章"
+article_share_channels:
+  - qq
+  - wechat
+  - weibo
 ```
 
 ::: tip
-分享功能会自动携带文章标题和链接，无需手动配置分享内容。移动端会优先显示适合移动端的分享方式。
+分享功能会自动携带文章标题和完整链接，无需手动配置分享内容。微信分享通过二维码实现，二维码内容为文章的完整 URL（包含域名），用户扫码后可直接打开文章。QQ 分享通过弹窗方式打开 QQ 分享页面。移动端会优先显示适合移动端的分享方式。
 :::
 
 ## 阅读增强功能

docs/config/comment.md

@@ -1,6 +1,6 @@
 # 评论
 
-评论配置控制全站评论区域的外观样式，影响文章详情页、留言板等所有包含评论组件的页面。WarmIsland 基于 Halo 的 `halo:comment` 组件提供评论功能，并提供了样式定制选项。
+评论配置控制全站评论区域的外观样式，影响文章详情页、留言板等所有包含评论组件的页面。WarmIsland 基于 Halo 的 `halo:comment` 组件提供评论功能。
 
 ## 配置项一览
 
@@ -13,10 +13,7 @@
 
 ### 评论样式（comment_style）
 
-| 值 | 说明 |
+使用原版评论样式。
-| --- | --- |
-| `warm` | 暖色风格，与暖屿主题整体风格一致，圆角卡片、柔和配色（默认） |
-| `minimal` | 极简风格，去除装饰性元素，线条简洁，适合内容导向型站点 |
 
 ::: tip
 `warm` 样式与暖屿的整体设计语言最为协调，推荐大多数用户使用。`minimal` 样式适合希望让评论区域更低调、不抢夺正文注意力的场景。

docs/config/friends.md

@@ -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** 管理页面
+2. 进入 **链接** 管理页面
-3. 点击 **添加订阅** 填写：
+3. 点击 **新建** 或 **编辑** 填写：元数据 **RSS 地址** 友站的 RSS 订阅地址
-   - **站点名称** — 友站名称
+4. 保存后，插件会在下次抓取周期自动拉取内容，亦可进入 **朋友圈** 自行同步
-   - **RSS 地址** — 友站的 RSS/Atom 订阅地址
-   - **Logo** — 友站 Logo（可选）
-4. 保存后，插件会在下次抓取周期自动拉取内容
 
 ::: tip
 大多数博客平台都提供 RSS 订阅功能。常见的 RSS 地址格式：

docs/config/links.md

@@ -14,7 +14,7 @@
 ::: danger
 友情链接功能依赖 Halo 的 **PluginLinks** 插件。如果未安装此插件，友情链接页面将无法正常工作。
 
-安装方式：Halo 后台 → **插件** → **安装** → 搜索「Links」→ 安装并启用。
+安装方式：Halo 后台 → **插件** → **安装** → 搜索「链接管理」→ 安装并启用。
 :::
 
 ## 详细说明

docs/config/moments.md

@@ -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）

docs/config/photos.md

@@ -17,7 +17,7 @@
 ::: danger
 图库功能依赖 Halo 的 **PluginPhotos** 插件。如果未安装此插件，图库页面将无法正常工作。
 
-安装方式：Halo 后台 → **插件** → **安装** → 搜索「Photos」→ 安装并启用。
+安装方式：Halo 后台 → **插件** → **安装** → 搜索「图库」→ 安装并启用。
 :::
 
 ## 详细说明

docs/faq.md

@@ -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) |
+| 瞬间 | [PluginMoments](https://www.halo.run/store/apps/app-SnwWD) |
-| 图库 | [PluginPhotos](https://www.halo.run/store/apps/app-photos) |
+| 图库 | [PluginPhotos](https://www.halo.run/store/apps/app-BmQJW) |
-| 友链 | [PluginLinks](https://www.halo.run/store/apps/app-links) |
+| 友链 | [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 版本
 - 主题版本

docs/pages/extended.md

@@ -6,29 +6,29 @@ WarmIsland 主题深度集成了多款 Halo 插件，提供了丰富的扩展页
 
 | 页面 | 所需插件 | 路由 |
 |------|----------|------|
-| 瞬间 | PluginMoments | /moments |
+| 瞬间 | [PluginMoments](https://www.halo.run/store/apps/app-SnwWD) | /moments |
-| 图库 | PluginPhotos | /photos |
+| 图库 | [PluginPhotos](https://www.halo.run/store/apps/app-BmQJW) | /photos |
-| 友情链接 | PluginLinks | /links |
+| 友情链接 | [PluginLinks](https://www.halo.run/store/apps/app-hfbQg) | /links |
-| 朋友圈 | plugin-friends | /friends |
+| 朋友圈 | [plugin-friends](https://www.halo.run/store/apps/app-yISsV) | /friends |
-| 豆瓣 | 豆瓣插件 | /douban |
+| 豆瓣 | [plugin-douban](https://www.halo.run/store/apps/app-srBOL) | /douban |
-| 装备 | 装备插件 | /equipments |
+| 装备 | [equipment](https://www.halo.run/store/apps/app-ytygyqml) | /equipments |
-| 足迹 | 足迹插件 | /footprints |
+| 足迹 | [footprint](https://www.halo.run/store/apps/app-XCtAQ) | /footprints |
-| Steam | Steam 插件 | /steam |
+| 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 游戏资料，包括：
 
 - 玩家头像和昵称

docs/pages/friends.md

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

docs/pages/links.md

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

docs/pages/moments.md

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

docs/pages/photos.md

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

i18n/default.properties

@@ -47,6 +47,8 @@ article.views=views
 article.relatedPosts=Related Posts
 
 share.title=Share
+share.qq=QQ
+share.wechat=WeChat
 share.weibo=Weibo
 share.twitter=X (Twitter)
 share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
 share.copyLink=Copy Link
 share.copied=Copied!
 share.qrcode=QR Code
+share.wechatQR=Scan to Share
+share.wechatHint=Open WeChat and scan the QR code to share
 
 archives.title=Archives
 

i18n/en.properties

@@ -47,6 +47,8 @@ article.views=views
 article.relatedPosts=Related Posts
 
 share.title=Share
+share.qq=QQ
+share.wechat=WeChat
 share.weibo=Weibo
 share.twitter=X (Twitter)
 share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
 share.copyLink=Copy Link
 share.copied=Copied!
 share.qrcode=QR Code
+share.wechatQR=Scan to Share
+share.wechatHint=Open WeChat and scan the QR code to share
 
 archives.title=Archives
 

i18n/zh_CN.properties

@@ -47,6 +47,8 @@ article.views=\u9605\u8bfb
 article.relatedPosts=\u76f8\u5173\u63a8\u8350
 
 share.title=\u5206\u4eab
+share.qq=QQ
+share.wechat=\u5fae\u4fe1
 share.weibo=\u5fae\u535a
 share.twitter=X
 share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
 share.copyLink=\u590d\u5236\u94fe\u63a5
 share.copied=\u5df2\u590d\u5236
 share.qrcode=\u4e8c\u7ef4\u7801
+share.wechatQR=\u5fae\u4fe1\u626b\u7801\u5206\u4eab
+share.wechatHint=\u6253\u5f00\u5fae\u4fe1\uff0c\u626b\u63cf\u4e8c\u7ef4\u7801\u5373\u53ef\u5206\u4eab
 
 archives.title=\u5f52\u6863
 

i18n/zh_TW.properties

@@ -47,6 +47,8 @@ article.views=\u95b1\u8b80
 article.relatedPosts=\u76f8\u95dc\u63a8\u85a6
 
 share.title=\u5206\u4eab
+share.qq=QQ
+share.wechat=\u5fae\u4fe1
 share.weibo=\u5fae\u535a
 share.twitter=X
 share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
 share.copyLink=\u8907\u88fd\u9023\u7d50
 share.copied=\u5df2\u8907\u88fd
 share.qrcode=\u4e8c\u7dad\u78bc
+share.wechatQR=\u5fae\u4fe1\u6383\u78bc\u5206\u4eab
+share.wechatHint=\u6253\u958b\u5fae\u4fe1\uff0c\u6383\u63cf\u4e8c\u7dad\u78bc\u5373\u53ef\u5206\u4eab
 
 archives.title=\u6b78\u6a94
 

package.json

@@ -1,4 +1,5 @@
 {
+  "version": "1.1.1",
   "type": "module",
   "engines": {
     "node": ">=22.12.0"