修复移动端目录悬浮球,修复文章页布局,优化画廊

This commit is contained in:
nxxy335top
2026-05-21 22:56:57 +08:00
parent 788d0cc488
commit 67dc37c308
355 changed files with 1407 additions and 270 deletions
+52
View File
@@ -1,5 +1,57 @@
# 更新日志
## 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
首次发布 🎉
+25 -2
View File
@@ -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.0CC 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 分享页面。移动端会优先显示适合移动端的分享方式。
:::
## 阅读增强功能