问和React一起的Hugo？

EN

嗯,

在gatsby中有组件网页设计，

还有雨果的光速，

我也被困在这两者之间的选择中。

我不知道我会做什么，但我的脑海中是这样的：

1. 使用gatsby构建页面。您应该独立构建网站的每个页面(不依赖于路由)通过hugo templates.
2. Done

使用

• index.html文件

这是构建gatsby页面后的文件夹public (输出)的图片：

​

更新：

您可以依赖于路由。在上图中，每个组件文件夹都有自己的index.html，因此您也可以使用它们。

更新2021：

使用Next.JS。有了Incremental Static Regeneration功能，你甚至不需要接触雨果就可以实现你想要的东西。

可以/理想地在React中使用像Hugo这样的东西吗？我知道盖茨比，但雨果也会工作。

我们在https://www.electrade.app上使用了Hugo和React (create-react-app)。所有页面都服务于hugo静态页面，但如果您导航到/quote，react SPA将加载，您将处于动态状态。所以，是的，Hugo也可以工作，但是你会有两种语言和两种语法。

将两者结合在一起...我的理解是，Hugo将用于所有的模板和静态web页面，而React将用于web应用程序类型的东西

一点儿没错。

有经验的人能评论一下为什么雨果或盖茨比有时很适合与React一起使用吗？或者框架之间的关系的概述？

• Hugo是用Go编写的，构建的是普通的静态超文本标记语言。例如:一个博客，但是你只需要写一次页眉和页脚。
• React是用Javascript编写的，是一个用于构建动态接口的前端库。React站点通常会为您提供一个空的index.html文件和一个Javascript文件，然后它们将运行并在您的浏览器中动态填充index.html文件的内容。
• 但是如果你想要写上面的例子博客，也只写一次页眉和页脚，但是用来反应语法呢？如果你使用普通的React，你的博客将会下载一个空的index.html文件，并在Javascript中填充你的博客。这对SEO和加载时间等都不好。如果你仍然想把它编译成普通的静态超文本标记语言--这就是Gatsby的用途。