astro-minimax 0.8.2 引入了全新的设置面板,让你可以个性化博客的外观和体验。
打开设置面板
点击页面右下角的设置图标(齿轮图标)即可打开设置面板。
设置选项
外观设置
| 选项 | 说明 | 可选值 |
|---|---|---|
| 配色方案 | 主题配色 | teal、ocean、rose、forest、midnight、sunset、mono、github |
| 边框圆角 | 组件圆角大小 | 小、中、大、超大 |
| 字体大小 | 全局字体缩放 | 0.85x - 1.25x |
阅读设置
| 选项 | 说明 | 可选值 |
|---|---|---|
| 字号 | 文章正文字号 | 小、中、大、超大 |
| 行高 | 文章正文行高 | 紧凑、舒适、宽松 |
| 内容宽度 | 文章内容区域宽度 | 窄、中、宽 |
| 阅读主题 | 文章阅读主题 | 默认、护眼、羊皮纸、夜间、OLED |
| 字体 | 文章正文字体 | 衬线、无衬线、等宽、系统、代码、霞鹜文楷、站酷字体 |
布局设置
| 选项 | 说明 | 可选值 |
|---|---|---|
| 文章列表布局 | 首页文章列表显示方式 | 卡片(标题优先)、网格(三列快速浏览)、列表(紧凑归档) |
通用设置
| 选项 | 说明 |
|---|---|
| 返回顶部 | 显示/隐藏返回顶部按钮 |
| 主题切换 | 显示/隐藏主题切换按钮 |
| 阅读时长 | 显示/隐藏文章阅读时长 |
| 动画效果 | 开启/关闭页面动画 |
| 卡片悬停 | 开启/关闭卡片悬停效果 |
| 平滑滚动 | 开启/关闭平滑滚动 |
分享设置
你可以将当前的设置分享给他人:
- 点击设置面板底部的「分享」按钮
- 设置将被复制到剪贴板,以 URL 参数形式分享
- 他人打开链接后会自动应用你的设置
重置设置
点击设置面板底部的「重置」按钮可以将所有设置恢复为默认值。
设置持久化
所有设置会自动保存到浏览器的本地存储中,下次访问时会自动恢复。
技术细节
设置系统位于 packages/core/src/preferences/ 目录:
types.ts- 类型定义defaults.ts- 默认值presets.ts- 主题预设storage.ts- 存储管理share.ts- 分享功能
评论区
文明评论,共建和谐社区