Derick
497 words
2 minutes
迁移博客
  • 最近看到大家都在用astro重构博客,我也将原来的Hexo博客迁移到saicaca基于astro开发的博客中,作者很厉害,实现的效果和代码都很优美。
saicaca
/
fuwari
Waiting for api.github.com...
00K
0K
0K
Waiting...

Astro 框架有以下几个主要优点:#

  1. 岛屿架构(Island Architecture)和部分水合(Partial Hydration)
  • Astro 采用独特的岛屿架构,页面大部分保持静态,只有需要交互的部分(岛屿)才进行水合。
  • 这种部分水合的方式可以大幅提升网站性能,改善用户体验。
  1. 多框架支持
  • Astro 允许在同一项目中无缝集成使用 React、Vue、Svelte 等不同框架编写的组件。
  • 开发者可以灵活选择熟悉的框架来构建 UI 组件。
  1. 以内容为中心
  • Astro 专注于构建内容丰富的静态网站,对博客、文档、作品集等场景特别适合。
  • 内置了 Markdown、内容集合等功能,方便创作和组织内容。
  1. 出色的开发者体验
  • Astro 提供了友好的 API 和工具,如 Astro 开发工具栏方便调试。
  • 拥有活跃的社区,文档清晰易懂。
  1. 高性能
  • 得益于岛屿架构,Astro 构建的网站性能出色,初始加载速度快。SEO友好
  • Astro 4.0 将组件渲染性能提升了 30%~75%。
  1. 灵活扩展
  • Astro 支持使用 React 等框架编写交互组件,也能集成 Markdown 等内容。
  • 通过插槽(slot)可以在 .astro 组件中嵌入任意 HTML。

总之,Astro 独特的架构理念和专注的定位,使其在构建高性能内容网站方面具有明显优势,同时良好的开发体验也是一大亮点。它在静态站点生成器和现代 Web 框架之间找到了很好的平衡。

  • 原博客UI

Untitled.png

  • 原博客地址:
auroral-ui
/
hexo-theme-aurora
Waiting for api.github.com...
00K
0K
0K
Waiting...
  • 忙活了一天,终于将博客迁移成功,从notion编写,触发slack,然后调用工作流,执行GitHub Action实现自动发布
迁移博客
https://blog.ithuo.net/posts/migration-blog-astro/
Author
Derick
Published at
2024-05-10