AI Blog

AI Blog个人网站与 AI 智能中枢 · Astro 驱动https://ai-blog.example.com/组件库护栏：从原子到模版的约束与自由https://ai-blog.example.com/blog/component-library-guardrails/https://ai-blog.example.com/blog/component-library-guardrails/用设计令牌与变体系统保持一致性，同时支持定制。Mon, 03 Feb 2025 00:00:00 GMT导航与信息气味：让用户知道自己在哪、能去哪https://ai-blog.example.com/blog/navigation-information-scent/https://ai-blog.example.com/blog/navigation-information-scent/通过当前位置高亮、面包屑与显式标签提升可探索性。Sun, 02 Feb 2025 00:00:00 GMTUI/UX 设计原则：一致性、层次与反馈https://ai-blog.example.com/blog/ui-ux-design-principles/https://ai-blog.example.com/blog/ui-ux-design-principles/从信息架构到反馈机制，构建清晰可用的界面。Sat, 01 Feb 2025 00:00:00 GMT状态管理：局部到全局https://ai-blog.example.com/blog/post-state-management/https://ai-blog.example.com/blog/post-state-management/从 useState 到 Zustand，按需选择复杂度。Thu, 16 Jan 2025 00:00:00 GMT代码高亮：Shiki 主题与可读性https://ai-blog.example.com/blog/post-shiki-highlighting/https://ai-blog.example.com/blog/post-shiki-highlighting/选择合适的主题与字号，优化代码阅读体验。Wed, 15 Jan 2025 00:00:00 GMTMDX 技巧：组件与语法高亮https://ai-blog.example.com/blog/post-mdx-tricks/https://ai-blog.example.com/blog/post-mdx-tricks/在 Markdown 中使用组件与 Shiki 高亮。Tue, 14 Jan 2025 00:00:00 GMT部署到 Vercel：预览与生产https://ai-blog.example.com/blog/post-deploy-vercel/https://ai-blog.example.com/blog/post-deploy-vercel/通过预览环境保障质量，生产环境开放抓取。Mon, 13 Jan 2025 00:00:00 GMTSEO 基础：Sitemap 与 RSShttps://ai-blog.example.com/blog/post-seo-rss/https://ai-blog.example.com/blog/post-seo-rss/用 canonical、prev/next 与订阅源完善站点 SEO。Sun, 12 Jan 2025 00:00:00 GMT路由与分页：生成所有状态https://ai-blog.example.com/blog/post-routing-pagination/https://ai-blog.example.com/blog/post-routing-pagination/静态生成每一页，保证 SEO 与可用性。Sat, 11 Jan 2025 00:00:00 GMT可访问性：从导航到语义https://ai-blog.example.com/blog/post-accessibility/https://ai-blog.example.com/blog/post-accessibility/使用跳转链接、语义标签与 aria 增强体验。Fri, 10 Jan 2025 00:00:00 GMT性能策略：静态生成与缓存https://ai-blog.example.com/blog/post-performance/https://ai-blog.example.com/blog/post-performance/善用 SSG、长期缓存与 SWR 提升体验。Thu, 09 Jan 2025 00:00:00 GMTReact Islands：交互只在需要的地方https://ai-blog.example.com/blog/post-react-islands/https://ai-blog.example.com/blog/post-react-islands/使用 Astro Islands 将交互组件最小化加载。Wed, 08 Jan 2025 00:00:00 GMTTailwind 与 Typography 最佳实践https://ai-blog.example.com/blog/post-styling-tailwind/https://ai-blog.example.com/blog/post-styling-tailwind/统一排版、明暗模式与代码片段风格。Tue, 07 Jan 2025 00:00:00 GMTAstro Content Collections 实战指南https://ai-blog.example.com/blog/post-astro-content/https://ai-blog.example.com/blog/post-astro-content/用类型安全与 Zod 校验打造稳定的内容系统。Mon, 06 Jan 2025 00:00:00 GMTHello, Astro Content Collectionshttps://ai-blog.example.com/blog/first-post/https://ai-blog.example.com/blog/first-post/Phase 1: Content architecture with typed frontmatter.Wed, 01 Jan 2025 00:00:00 GMT