修复移动端目录悬浮球,修复文章页布局,优化画廊
This commit is contained in:
@@ -14,7 +14,7 @@
|
|||||||
|
|
||||||
## 预览
|
## 预览
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## 已适配插件
|
## 已适配插件
|
||||||
|
|
||||||
@@ -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) | 主题内置图标 |
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
@@ -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
@@ -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.0,CC 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 分享页面。移动端会优先显示适合移动端的分享方式。
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## 阅读增强功能
|
## 阅读增强功能
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -1,4 +1,5 @@
|
|||||||
{
|
{
|
||||||
|
"version": "1.1.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=22.12.0"
|
"node": ">=22.12.0"
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user