497 words
2 minutes
迁移博客
- 最近看到大家都在用astro重构博客,我也将原来的Hexo博客迁移到saicaca基于astro开发的博客中,作者很厉害,实现的效果和代码都很优美。
Waiting for api.github.com...
Astro 框架有以下几个主要优点:
- 岛屿架构(Island Architecture)和部分水合(Partial Hydration)
- Astro 采用独特的岛屿架构,页面大部分保持静态,只有需要交互的部分(岛屿)才进行水合。
- 这种部分水合的方式可以大幅提升网站性能,改善用户体验。
- 多框架支持
- Astro 允许在同一项目中无缝集成使用 React、Vue、Svelte 等不同框架编写的组件。
- 开发者可以灵活选择熟悉的框架来构建 UI 组件。
- 以内容为中心
- Astro 专注于构建内容丰富的静态网站,对博客、文档、作品集等场景特别适合。
- 内置了 Markdown、内容集合等功能,方便创作和组织内容。
- 出色的开发者体验
- Astro 提供了友好的 API 和工具,如 Astro 开发工具栏方便调试。
- 拥有活跃的社区,文档清晰易懂。
- 高性能
- 得益于岛屿架构,Astro 构建的网站性能出色,初始加载速度快。SEO友好
- Astro 4.0 将组件渲染性能提升了 30%~75%。
- 灵活扩展
- Astro 支持使用 React 等框架编写交互组件,也能集成 Markdown 等内容。
- 通过插槽(slot)可以在 .astro 组件中嵌入任意 HTML。
总之,Astro 独特的架构理念和专注的定位,使其在构建高性能内容网站方面具有明显优势,同时良好的开发体验也是一大亮点。它在静态站点生成器和现代 Web 框架之间找到了很好的平衡。
- 原博客UI
- 原博客地址:
Waiting for api.github.com...
- 忙活了一天,终于将博客迁移成功,从notion编写,触发slack,然后调用工作流,执行GitHub Action实现自动发布