博客主题设置功能详解

一、基本设置

1. 网站标识设置

• 网站 Logo：支持上传自定义 Logo 图片，并可删除已有 Logo。

• 网站 Favicon：支持上传网站图标（Favicon），并可删除已有图标。

2. 配色方案

• 主题主色：可自定义网站的主题主色调。

• 主题次色：可自定义辅助颜色，丰富视觉层次。

• 渐变背景：提供多种预设渐变方案（蓝紫、绿色、粉紫、蓝青、绿青、橙红），同时也支持自定义渐变 CSS 代码。

3. 菜单导航

• 主导航菜单：支持自定义菜单名称，并可灵活选择显示的菜单项（如首页、分类、标签、搜索等）。

• 显示菜单数量：可自由设置导航栏中显示的菜单项数量。

二、首页设置

1. 首页布局

• 首页显示模式：支持在“文章列表”与“轮播图”模式间自由切换。

• 文章列表样式：提供“列表式”与“卡片式”两种布局供选择。

• 文章卡片背景：支持自定义背景，并提供多种渐变预设方案。

• 文章卡片圆角：可自由调整卡片圆角的大小，适配不同设计风格。

2. 轮播图功能

• 轮播图开关：支持一键开启或关闭首页轮播图。

• 轮播图管理：

• 支持添加或删除多个轮播图。

• 每个轮播图均可独立设置图片、标题及描述。

• 可设置点击后的跳转链接，并选择在新窗口或当前页打开。

• 支持自定义轮播图背景渐变，提供多种预设方案。

• 建议图片尺寸：1920×600px

3. 文章列表设置

• 每页文章数量：自定义首页每页显示的文章数量。

• 文章摘要长度：可调整文章摘要显示的字数。

• 文章元信息显示：灵活选择是否显示分类、日期、浏览量及评论数。

• 文章缩略图：可设置默认缩略图，当文章未包含图片时自动使用。

4. 加载更多功能

• AJAX 加载更多：开启后，首页底部将显示“加载更多文章”按钮。

• 每次加载数量：可设置点击按钮时每次加载的文章数量。

三、侧边栏设置

1. 博主信息模块

• 显示开关：支持开启或关闭侧边栏博主信息的显示。

• 博主昵称：可自定义显示名称，留空则默认使用管理员昵称。

• 博主头像：支持上传自定义头像（建议尺寸：150×150px）。

• 博主简介：支持填写个人简介介绍。

2. 社交链接

• 多平台支持：全面覆盖主流社交平台，包括微信二维码、小红书二维码、QQ、Instagram、WhatsApp、微博、Twitter、邮箱、哔哩哔哩、抖音、快手、知乎、GitHub、Gitee、Facebook、YouTube、LinkedIn 等。

• 自定义排序：支持通过拖拽方式直观调整社交链接的显示顺序。

• 智能显示：填写对应链接后才会显示图标，留空则自动隐藏，保持页面整洁。

3. 热门标签模块

• 显示开关：支持开启或关闭热门标签云。

• 标签显示数量：可设置显示的标签数量（范围：1-50个，默认10个）。

• 标签背景自定义：支持自定义标签背景，并提供多种渐变预设方案。

4. 热门文章模块

• 显示开关：支持开启或关闭热门文章列表。

• 文章数量：可设置显示的文章数量（范围：1-20篇，默认5篇）。

• 排序方式：默认按浏览量进行排序展示。

5. 热门评论模块

• 显示开关：支持开启或关闭评论列表。

• 评论数量：可设置显示的评论数量（范围：1-20条，默认5条）。

• 显示内容：展示最新评论。

6. 友情链接模块

• 显示开关：支持开启或关闭友情链接的显示。

• 链接管理：支持添加、删除多个友情链接，并可独立设置每个链接的名称和地址。

四、打赏设置

1. 打赏功能开关

• 开启文章打赏：可一键开启或关闭文章详情页的打赏区域。

2. 打赏内容自定义

• 打赏标题：可自定义打赏区域标题（默认：感谢支持）。

• 打赏描述：可自定义打赏描述文字（默认：如果这篇文章对您有帮助，欢迎扫码支持作者的创作）。

3. 赞赏二维码

• 微信赞赏码：支持上传微信赞赏二维码图片。

• 支付宝赞赏码：支持上传支付宝赞赏二维码图片。

• 建议图片尺寸：200×200px

五、其他特性

1. 用户体验

• 所有设置项均配有清晰的说明文字。

• 图片上传支持实时预览，删除操作带有确认提示。

• 相关设置项具备联动显示/隐藏功能。

• 提供丰富的预设方案，支持一键选择。

2. 响应式设计

• 所有设置页面均采用现代化 UI 设计。

• 表单元素样式统一美观，并完美支持移动端访问。

3. 数据持久化

• 所有设置均自动保存至数据库。

• 图片上传自动存储至服务器，删除图片时会同步清理服务器文件，避免资源冗余。