astro-minimax 0.8.2 introduces a brand new settings panel for personalizing your blog’s appearance and experience.
Opening the Settings Panel
Click the settings icon (gear icon) in the bottom-right corner of the page to open the settings panel.
Settings Options
Appearance Settings
| Option | Description | Values |
|---|---|---|
| Color Scheme | Theme color palette | teal, ocean, rose, forest, midnight, sunset, mono, github |
| Border Radius | Component corner radius | Small, Medium, Large, XL |
| Font Size | Global font scaling | 0.85x - 1.25x |
Reading Settings
| Option | Description | Values |
|---|---|---|
| Font Size | Article body font size | Small, Medium, Large, XL |
| Line Height | Article body line height | Compact, Comfortable, Relaxed |
| Content Width | Article content area width | Narrow, Medium, Wide |
| Reading Theme | Article reading theme | Default, Eye Care, Parchment, Night, OLED |
| Font Family | Article body font | Serif, Sans, Mono, System, Code, LXGW, ZCOOL |
Layout Settings
| Option | Description | Values |
|---|---|---|
| Posts Layout | Homepage post list display mode | Card (title-first), Grid (3-column browse), List (compact archive) |
General Settings
| Option | Description |
|---|---|
| Back to Top | Show/hide back to top button |
| Theme Toggle | Show/hide theme toggle button |
| Reading Time | Show/hide article reading time |
| Animations | Enable/disable page animations |
| Card Hover | Enable/disable card hover effects |
| Smooth Scroll | Enable/disable smooth scrolling |
Sharing Settings
You can share your current settings with others:
- Click the “Share” button at the bottom of the settings panel
- Settings will be copied to clipboard as URL parameters
- Others will automatically apply your settings when opening the link
Resetting Settings
Click the “Reset” button at the bottom of the settings panel to restore all settings to their default values.
Settings Persistence
All settings are automatically saved to the browser’s local storage and will be restored on your next visit.
Technical Details
The preferences system is located in packages/core/src/preferences/:
types.ts- Type definitionsdefaults.ts- Default valuespresets.ts- Theme presetsstorage.ts- Storage managementshare.ts- Share functionality
评论区
文明评论，共建和谐社区