首页 开发 软件 百科

从 Hugo 迁移到 Astro

- 开发

为什么选择从 Hugo 迁移到 Astro ,因为 Astro 与其他框架相比它减少了 JavaScript 的开销和复杂性。Astro 是最适合构建像博客、营销网站、电子商务网站这样的以内容驱动的网站的 Web 框架。Astro 内置包含了你构建网站所需的一切。还有数百个不同的集成和 API 钩子可根据你的具体用例和需求定制你的项目。

Astro 亮点包括:

群岛

一种基于组件的针对内容驱动的网站进行优化的 Web 架构。

UI 无关

支持 React、Preact、Svelte、Vue、Solid、HTMX、Web 组件等等。

服务器优先

将沉重的渲染移出访问者的设备。

默认无 JS

让客户端更少的执行 JS ,以提升网站速度。

内容集合

为你的 Markdown 内容,提供组织、校验并保证 TypeScript 类型安全。

可定制 (EN)

Partytown、MDX 和数百个集成可供选择。

Astro 主题推荐:AstroPaperFuwari

从 Hugo 迁移到 Astro ,Markdown 内容的 Frontmatter 大部分是不用修改的,只有常见的 date 需要修改为 pubDate 。图片和静态资源需要从 Hugo 的 static/ 目录复制到对应 Astro 的 public/ 目录。

要是 URL 结构发生变化,需要在 astro.config.mjs 中配置301重定向。示例如下:

export default defineConfig({
  redirects: {
    '/old-path': '/new-path',
    '/posts/[slug]': '/blog/[slug]',
    "/post/": "/archives/",
  }
})
『 转载请注明来源及链接 』