AI 摘要：本文详细介绍了如何在 Astro 博客中使用 Hugging Face 的 transformers.js 库通过嵌入（Embeddings）技术实现智能相关文章推荐，而无需服务器或数据库。作者通过将博客内容转化为向量表示，并利用余弦相似度计算文章之间的语义相关性，成功构建了一个在构建时运行的推荐系统。这种方法比传统的标签分类更能捕捉内容的真实含义，极大地提升了推荐质量。

alexop.dev

No Server, No Database: Smarter Related Posts in Astro with `transformers.js` | alexop.dev

How I used Hugging Face embeddings to create smart “Related Posts” for my Astro blog—no backend, no database, just TypeScript.

AI 摘要：本文详细介绍了如何使用 Pages CMS 作为静态网站的内容管理系统，结合 Astro 等静态站点生成器，简化内容管理流程。作者分享了 Pages CMS 的核心优势，包括易用性、最小化依赖、协作功能和高度自定义性，并通过实际案例展示了如何将其与 Astro 的内容集合功能集成，管理 Markdown 文件和自定义字段。此外，文章还涵盖了 Pages CMS 的配置、与 GitHub 仓库的连接、内容创建以及自动部署的步骤，为静态网站开发者提供了实用指南。

CSS-Tricks

Using Pages CMS for Static Site Content Management | CSS-Tricks

I know, I know: there are a ton of content management system options available, and while I've tested several, none have really been the one, y'know? Weird pricing models, difficult customization, some even end up becoming a whole 'nother thing to manage.

AI 摘要：本文详细探讨了 Astro 框架与内容管理系统（CMS）的结合，分析了如何为 Astro 网站选择合适的 CMS。Astro 作为一个快速、现代的网站构建框架，凭借其 Islands Architecture 实现了静态网站速度与动态功能的平衡。然而，对于需要扩展性、多人协作、动态内容或结构化编辑流程的项目，选择合适的 CMS 至关重要。文章列出了 9 款适合 Astro 的顶级 CMS，评估了它们的功能、局限性、定价以及与 Astro 的集成效果，并提供了选择 CMS 时需考虑的关键因素，如内容交付方式、编辑体验、性能优化、定价与扩展性及生态系统支持。

• 选择 CMS 的关键考量：
• 内容交付与 API 结构：介绍了三种 CMS 类型（Headless CMS、Git-based CMS、Traditional CMS）及其与 Astro 静态生成（SSG）或动态模式（SSR/混合模式）的适配性，强调快速响应 API 和缓存的重要性。
• 编辑体验与易用性：讨论了技术用户与非技术用户对 CMS UI、实时预览和编辑工具的不同需求。
• 性能与静态优化：强调 CMS 应支持 SSG、提供良好的缓存和 CDN 支持，并具备增量静态再生（ISR）功能以保持 Astro 的性能优势。
• 定价与扩展性：分析了 CMS 定价模式的多样性（免费、按使用付费等）以及对流量和内容增长的适应性。
• 生态系统与 Astro 支持：建议选择有官方 Astro SDK、插件或良好文档支持的 CMS，以简化集成。

• 9 款推荐 CMS 详细解析：
• Hygraph：一款 GraphQL 原生无头 CMS，注重速度与结构化内容，支持内容联合与多语言管理，适合企业级应用；限制在于 GraphQL 学习曲线和无内置前端渲染；定价从免费到企业定制。
• Contentful：强调扩展性和 API 优先设计，适合从博客到企业级项目，支持多平台内容交付；限制为高流量成本较高及 GraphQL 查询限制；定价从免费到 $300/月起。
• Sanity：高度可定制的无头 CMS，提供实时 API 和 Sanity Studio 自定义编辑界面；限制在于非技术用户使用难度和 GROQ 查询学习曲线；定价从免费到 $15/座/月起。
• Storyblok：混合无头 CMS，具备实时视觉编辑和组件化内容模型；限制为自定义后端适配性较弱及定价较高；定价从 €99/月起。
• Strapi：开源自托管无头 CMS，提供 API 优先设计和动态区域功能；限制为自托管维护成本及学习曲线；定价从免费到 $15/座/月起。
• Tina CMS：开源 Git 驱动 CMS，适合静态网站和 JAMstack 架构；限制为无传统数据库支持动态内容较弱；定价从免费到 $29/月起。
• Prismic：无头页面构建器，结合视觉页面编辑与 Slice Machine 工具；限制为 API 灵活性较低及成本随用户增长；定价从免费到 $10/月起。
• Ghost：专注于出版的平台，适合内容创作者和会员制网站；限制为非完整 CMS，缺乏结构化内容支持；定价从免费到 $9/月起。
• WordPress：全球最受欢迎 CMS，支持无头模式但非原生设计；限制为性能和安全性问题；定价免费但附加成本较高。

• 总结与建议：文章最后强调选择 CMS 需根据项目需求（如结构化内容、动态查询或直观编辑器）进行权衡，并推荐 Hygraph 作为与 Astro 集成顺畅的 GraphQL 原生选项。

Retypeset 是一款基于 Astro 框架的静态博客主题，中文名为重新编排。本主题以 活版印字 为设计灵感，对所有页面进行重新编排，打造纸质书页般的阅读体验，再现版式之美。

AI 摘要：文章介绍了如何在 Chrome 126 中，无需JavaScript，仅通过 CSS @view-transition 在 Astro 框架的多页面应用(MPA)中启用类似原生的页面切换动画。具体步骤包括初始化 Astro 项目，在 BaseHead.astro 中添加 @view-transition at-rule，并在文章列表页和详情页中为图片元素设置相同的 view-transition-name ，从而在页面切换时实现动画效果。最终实现了一个丝滑的动画体验。

Liruifengv

零 js 开启 View Transitions 动画 | liruifengv

Chrome 126 支持了在 MPA 多页面中启用 View Transitions，零 JS，为你的网站开启类似 native 的动画效果。

#工具推荐 如果你在使用 #Hexo、#Hugo、#Astro、#Next.js、#VitePress 等静态博客生成器，推荐你安装 VSCode 的 Front Matter 插件，为你的博客带来可视化的 CMS 管理。

写作模式下可以为 Markdown 编辑带来快捷键操作、效率提高很多，而且还可以帮你检查 SEO。

frontmatter.codes

Headless CMS right in your code editor | Front Matter

Headless CMS running in Visual Studio Code that helps managing your static sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.