reactjs - 雨果与 React?
问题描述
将 Hugo 之类的东西与 React 一起使用是否可能/理想?我知道盖茨比,但雨果也能工作。我对将两者结合起来的知识有限,但我的理解是 Hugo 将用于您的所有模板和静态网页,然后 React 将用于 Web 应用程序类型的事物,以及其中某处的无头 CMS?有经验的人可以评论一下为什么 Hugo 或 Gatsby 有时可以很好地与 React 一起使用吗?还是框架之间关系的概述?
解决方案
是的,
盖茨比里有组件网页设计,还有雨果
的光速,
我也被困在这些之间的决定中。
我不知道我会做什么,但我的想法是:
- 使用 gatsby 构建页面。您应该自己构建网站的每个页面(不要依赖路由)
- 使用
index.html
带有雨果模板的文件。 - 完毕
这是public
构建 gatsby 页面后文件夹(输出)的图片:
更新:
您可以依赖路由。在上图中,每个组件文件夹都有index.html
自己的,因此您也可以使用它们。
2021 年更新:
使用Next.JS。借助Incremental Static Regeneration
功能,您甚至无需触摸 Hugo 即可实现您想要的。
推荐阅读
- python - 为永远循环添加小延迟以减少 cpu 使用 python
- java - JAXB:具有 2 个名称空间的解组对象导致空值
- django - 当我使用 nginx 和 docker-compose 时在上游找不到主机
- java - 查找二维数组中每个子数组的总和
- python - Python Globbing 图像目录
- c++ - 即使服务器端仍在侦听,与 Poco Websocket 服务器的连接也会断开连接
- javascript - 具有不同模式的对象数组 - JOI
- html - 为什么屏幕变小时与 div 之间的差距会变大,我该如何防止?
- go - 试图渲染一个模板,得到一个错误 html/template: "templates/index.html" is undefined
- python - 如何随着时间的推移执行python字符串?