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

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
+12 -1
View File
@@ -14,7 +14,7 @@
## 预览 ## 预览
![WarmIsland Preview](./public/WarmIsland%20Preview.webp) ![WarmIsland Preview](./WarmIsland%20Preview.webp)
## 已适配插件 ## 已适配插件
@@ -87,3 +87,14 @@ npm run build
## 许可 ## 许可
[GPL-3.0](https://www.gnu.org/licenses/gpl-3.0.en.html) [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) | 主题内置图标 |
-8
View File
@@ -1,7 +1,5 @@
// @ts-check // @ts-check
import { defineConfig } from "astro/config"; import { defineConfig } from "astro/config";
import vue from "@astrojs/vue";
import Icons from "unplugin-icons/vite";
export default defineConfig({ export default defineConfig({
base: "/themes/warm-island", base: "/themes/warm-island",
@@ -12,13 +10,7 @@ export default defineConfig({
cssMinify: true, cssMinify: true,
}, },
outDir: "./templates", outDir: "./templates",
integrations: [vue()],
vite: { vite: {
plugins: [
Icons({
compiler: "vue3",
}),
],
css: { css: {
preprocessorOptions: { preprocessorOptions: {
scss: { scss: {
+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 ## v1.0.0
首次发布 🎉 首次发布 🎉
+25 -2
View File
@@ -135,11 +135,30 @@ article_related_title: "猜你喜欢"
| 平台 | 说明 | | 平台 | 说明 |
| --- | --- | | --- | --- |
| QQ | 点击后弹出 QQ 分享窗口,自动携带文章标题和链接 |
| 微信 | 扫码分享到微信(生成文章完整 URL 的二维码) |
| 微博 | 分享到新浪微博 | | 微博 | 分享到新浪微博 |
| X (Twitter) | 分享到 X | | X (Twitter) | 分享到 X |
| Facebook | 分享到 Facebook | | Facebook | 分享到 Facebook |
| Telegram | 分享到 Telegram | | 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 #### 分享区域标题(article_share_title
@@ -148,10 +167,14 @@ article_related_title: "猜你喜欢"
```yaml ```yaml
article_show_share: true article_show_share: true
article_share_title: "分享这篇文章" article_share_title: "分享这篇文章"
article_share_channels:
- qq
- wechat
- weibo
``` ```
::: tip ::: tip
分享功能会自动携带文章标题和链接,无需手动配置分享内容。移动端会优先显示适合移动端的分享方式。 分享功能会自动携带文章标题和完整链接,无需手动配置分享内容。微信分享通过二维码实现,二维码内容为文章的完整 URL(包含域名),用户扫码后可直接打开文章。QQ 分享通过弹窗方式打开 QQ 分享页面。移动端会优先显示适合移动端的分享方式。
::: :::
## 阅读增强功能 ## 阅读增强功能
+4
View File
@@ -47,6 +47,8 @@ article.views=views
article.relatedPosts=Related Posts article.relatedPosts=Related Posts
share.title=Share share.title=Share
share.qq=QQ
share.wechat=WeChat
share.weibo=Weibo share.weibo=Weibo
share.twitter=X (Twitter) share.twitter=X (Twitter)
share.facebook=Facebook share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
share.copyLink=Copy Link share.copyLink=Copy Link
share.copied=Copied! share.copied=Copied!
share.qrcode=QR Code share.qrcode=QR Code
share.wechatQR=Scan to Share
share.wechatHint=Open WeChat and scan the QR code to share
archives.title=Archives archives.title=Archives
+4
View File
@@ -47,6 +47,8 @@ article.views=views
article.relatedPosts=Related Posts article.relatedPosts=Related Posts
share.title=Share share.title=Share
share.qq=QQ
share.wechat=WeChat
share.weibo=Weibo share.weibo=Weibo
share.twitter=X (Twitter) share.twitter=X (Twitter)
share.facebook=Facebook share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
share.copyLink=Copy Link share.copyLink=Copy Link
share.copied=Copied! share.copied=Copied!
share.qrcode=QR Code share.qrcode=QR Code
share.wechatQR=Scan to Share
share.wechatHint=Open WeChat and scan the QR code to share
archives.title=Archives archives.title=Archives
+4
View File
@@ -47,6 +47,8 @@ article.views=\u9605\u8bfb
article.relatedPosts=\u76f8\u5173\u63a8\u8350 article.relatedPosts=\u76f8\u5173\u63a8\u8350
share.title=\u5206\u4eab share.title=\u5206\u4eab
share.qq=QQ
share.wechat=\u5fae\u4fe1
share.weibo=\u5fae\u535a share.weibo=\u5fae\u535a
share.twitter=X share.twitter=X
share.facebook=Facebook share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
share.copyLink=\u590d\u5236\u94fe\u63a5 share.copyLink=\u590d\u5236\u94fe\u63a5
share.copied=\u5df2\u590d\u5236 share.copied=\u5df2\u590d\u5236
share.qrcode=\u4e8c\u7ef4\u7801 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 archives.title=\u5f52\u6863
+4
View File
@@ -47,6 +47,8 @@ article.views=\u95b1\u8b80
article.relatedPosts=\u76f8\u95dc\u63a8\u85a6 article.relatedPosts=\u76f8\u95dc\u63a8\u85a6
share.title=\u5206\u4eab share.title=\u5206\u4eab
share.qq=QQ
share.wechat=\u5fae\u4fe1
share.weibo=\u5fae\u535a share.weibo=\u5fae\u535a
share.twitter=X share.twitter=X
share.facebook=Facebook share.facebook=Facebook
@@ -54,6 +56,8 @@ share.telegram=Telegram
share.copyLink=\u8907\u88fd\u9023\u7d50 share.copyLink=\u8907\u88fd\u9023\u7d50
share.copied=\u5df2\u8907\u88fd share.copied=\u5df2\u8907\u88fd
share.qrcode=\u4e8c\u7dad\u78bc 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 archives.title=\u6b78\u6a94
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

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

Some files were not shown because too many files have changed in this diff Show More