reactjs - 雨果与 react ?

标签 reactjs content-management-system gatsby hugo

将 Hugo 之类的东西与 React 结合使用是否可能/理想?我知道 Gatsby ,但雨果也能工作吗?我对将两者结合起来的知识有限,但我的理解是 Hugo 将用于所有模板和静态网页,然后 React 将用于 Web 应用程序类型的事物,并且那里有一个 headless CMS?有经验的人可以评论一下为什么 Hugo 或 Gatsby 有时很适合与 React 一起使用吗?或者框架之间关系的概述?

最佳答案

是的,
gatsby中有组件网页设计,
还有hugo的光速,

我也陷入了两者之间的抉择。

我不知道我会做什么,但我的想法是:

  1. 使用 gatsby 构建页面。您应该独立构建网站的每个页面(不要依赖路由)
  2. index.html 文件与 Hugo 模板结合使用。
  3. 完成

这是构建 gatsby 页面后文件夹 public (输出)的图片:
enter image description here

更新:

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

2021 年更新:

使用Next.JS 。借助增量静态再生功能,您甚至无需接触 Hugo 即可实现您想要的目标。

关于reactjs - 雨果与 react ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53322953/

相关文章:

Javascript:未捕获类型错误:无法读取 null 的属性 'indexOf'

javascript - 在 useEffect 中响应异步数据获取

html - IE 6 和 7 后台继承问题,如何解决?

javascript - 如何将样式从 Markdown 文件应用于 Gatsby 构建的网站的数组?

javascript - 具有父节点和公共(public)节点的 d3 和 Highcharts 图

Javascript react 组件条件菜单项显示

css - Umbraco - Fanoe 初学者工具包 - 如何在所有屏幕尺寸上显示 "hamburger"菜单而不是导航?

java - 与 Jackrabbit 聚类

javascript - Gatsby i18next 插件 无法生成 codeFrame

javascript - 在 Gatsby JS 中根据同一页面上的类别对文章进行分组