修复移动端目录悬浮球,修复文章页布局,优化画廊
This commit is contained in:
@@ -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
@@ -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 分享页面。移动端会优先显示适合移动端的分享方式。
|
||||
:::
|
||||
|
||||
## 阅读增强功能
|
||||
|
||||
Reference in New Issue
Block a user