问题标签 [ssg]

目前我正在使用黑曜石。但想将其发布到 Github 页面.. 带有反向链接。

它具有类似[post](./post.md)的格式，问题是 Hugo 和其他静态站点生成器无法读取 post.md 进行导航。

所以每当我需要上传时，我都需要修改成[post](./post)

它工作得很好但太烦人了..有什么好主意吗？

谢谢！！

我正在尝试通过 next.js 的子路径功能使我的网站国际化。

这是我的module.export：

这是我的Page文件夹的结构：

当我在根页面目录中时，一切都适用于子路径。localhost:3000/about，localhost:3000/en/about工作。按预期localhost:3000/fr/about重定向。localhost:3000/about

但是当我尝试访问文件夹中静态生成的页面时，在en子路径中（localhost:3000/en/blog/article1例如，我得到一个 404.

如何确保站点也为en子路径静态生成页面？

我在 CDN 上有 SVG 图像，但是出于性能原因，最好不要将它们用作链接

<image src="https://path-to/image.svg" />

但内联使用它们。

我可以手动下载 svg 代码并将其插入 html 代码，但我的客户将无法再在 CDN (CMS) 上更改这些图像。

你知道如何设置 NextJS 在SSR或SSG阶段将链接的 svg 图像转为内联吗？

我使用 NextJs 创建了一个基本应用程序，其本质是导出 SSG HTML 的酷炫功能。到目前为止一切顺利......现在导出的 html 似乎路由行为与我的预期有点不同。

我不知道为什么，但是当我导航到导出的目录并打开索引页面时，它完美呈现，但链接在 file:// 浏览中不起作用但是如果我使用任何网络服务器或 CDN 空间来托管这些页面，这些都可以正常工作.

出于某种特定原因，我需要有 file:// 浏览 有没有办法配置它？

我尝试在 next.config.js 中设置tailingSlash、assetPrefix，但没有成功。我可以在控制台中看到的错误是：

一般来说，我是服务器端渲染/生成的新手Next.js，我试图了解何时使用 SSG 与 SSR。我有点理解核心区别——在构建时渲染还是在请求时渲染有意义——但这是我试图弄清楚的一个用例。

说，我有一个登录屏幕。似乎它是 SSG ( getStaticProps) 的理想候选者，因为页面对于所有用户来说都是完全相同的，并且不会随着时间而改变。

但是，如果登录用户访问此页面/路线怎么办？什么是更好的场景：

1. 让它SSG'ed，然后在客户端检查用户是否登录，如果是，则重定向到用户页面。
2. 检查用户会话，getServerSideProps然后返回页面（如果未登录）或执行服务器端重定向并返回用户页面（如果已登录）。

场景#1 的缺点是用户在被重定向到他们的页面之前会看到登录屏幕，这不是很好。

场景 #2 的缺点是第一次向用户呈现可见的延迟，这也不是很好......

在这种情况下，最佳做法是什么？

我听说 SSG 会生成静态站点。然后我认为 SSG 生成的纯 HTML 不包含 React，但我认为现在可能不是这样。

我认为：

1. SSG 生成一个常用的 React 应用程序并渲染 HTML 以进行初始化。由于它是一个普通的 React App，如果我点击一个按钮并触发一个副作用，将触发客户端渲染并更新页面。

2. 触发使用router路由时，会下载下一页的js文件和构建时获取的数据，然后触发客户端渲染。此处不使用下一页呈现的用于初始化的 HTML。

这是真的吗？

我使用 Eleventy 为我的项目文档创建了一个静态站点，并希望部署到本地文件系统中。我尝试了很多方法，但没有运气。实际上，我想将静态站点/页面上传到源存储库中，下载的人应该能够使用/浏览文档。有没有办法实现它？

根据https://liquidjs.com/tags/layout.html#Blocks LiquidJS 支持布局块，我可以从我的布局模板中调用。

我的默认模板包含该{{content}}块。

当我尝试使用{% %}or添加另一个名为“sidebar”的块 {{ }}并在我的 .md 文件中定义它时，它不会呈现。

11ty 是否支持开箱即用的布局块？

我们在 _app.tsx 中有 HEADER 和 FOOTER 组件，我们正在使用 SSR 和 SSG。但是我们想为 HEADER 和 FOOTER 组件预渲染 html，也像页面一样（为了有效的 SEO）。

由于我们不能在 _app.tsx 中使用 getServerSideProps 和 getStaticProps，我们在每个页面中都使用 HEADER 和 FOOTER 组件，并在每个页面中的 getServerSideProps 中调用 HEADER 和 FOOTER 的 API。但这会导致在每个页面中呈现 HEADER 和 FOOTER 组件。那么有没有办法在一个文件中制作 HEADER 和 FOOTER 组件并且仍然可以为它们进行预渲染？

我连接了 gatsby 和 directus。一切正常，但是...

我在directus中有名为“content”的html文本字段，里面有图像。我如何在盖茨比中获得它们？