Palo 是我维护的一个开源 Astro 主题。它把作品集、博客、内容文档、无障碍 UI、深色模式、图片工作流和统一配置整合在一起,让作品集网站既有设计感也容易维护。
设计哲学
多数作品集模板会让作品迁就模板;Palo 更像一套围绕作品移动的设计系统。
整个主题围绕一个核心文件 src/config.yaml 展开。从配色、字体、导航到作品集列表样式、博客分页、联系表单,都可以在不改代码的前提下调整。
主要模块
- 作品集优先:项目作为内容集合,支持封面图、标签、项目类型、精选排序、外部链接、在线演示、视频。
- 博客与文档一体化:内置标签页、分页、最新文章板块、目录、分享链接。
- 图片协同工作流:图片可与 Markdown/MDX 文件同目录存放,使用相对路径引用,迁移最稳。
- 沉浸式品牌:Hero、BreakoutImage、Slogan 等组件开箱即用。
- 无障碍为基础:基于 accessible-astro-components,提供语义化 HTML、键盘友好导航、可见焦点状态、颜色对比度工具、reduced-motion 模式。
技术栈
Astro · TanStack CSS · Accessible Astro Components · Phosphor Icons · Resend
链接
- GitHub: https://github.com/petepapa/palo
- Demo: https://palo.petepa.com/
Share this project
Like this project? Share it with your network!
