问题标签 [static-site-generation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
9 浏览

java-platform-module-system - 如何在 Jigsaw 静态站点生成器中实现标签云

我一直在使用Jigsaw SSG 构建个人博客站点。我之前在 Hugo 上工作过,有一个功能可以实现类别和标签云,其中所有可能的类别和标签都用帖子计数列出,例如ssg (5) web (7).

但是,在Jigsaw的文档中,我没有找到一种直接的方法来做到这一点。我在文件中有“帖子”集合和“类别”集合config.php。有没有办法使用 Jigsaw 生成标签云(除了手动为每个标签创建一个页面)?谢谢。

帖子集合:

0 投票
1 回答
28 浏览

python-3.x - 如何在文章中添加图片?

我意识到它应该是这样的:{filename}path/to/file或者{attach}path/to/file但是如何在模板<img src="?"/>中指定路径以便正确呈现?

0 投票
1 回答
79 浏览

css - 如何使用 hugo/markdown 制作全宽表格?

我正在使用带有 Markdown 的 Hugo 中的偶数主题。在帖子中制作全宽表格的最佳方法是什么?

假设我们有以下内容:

如何让表格占据页面的整个宽度,而其余部分保持正常?

0 投票
0 回答
150 浏览

next.js - Next.js - 为大量动态页面预取数据

我创建了一个非常大的项目,其页面有超过 800,000 个变体。在我当前的 React 项目中,我只需访问www.mywebsite.com/my_page/:id上的 url 参数并使用 useEffect。这是简化的示例:

所以这工作得很好。情况是每次打开页面时我都会在此处获取响应,但每个 ID 的信息至少在一年内都是相同的。所以至少一年内没有任何变化。加载包含信息的页面通常需要 5-6 秒,我想知道 Next.js 预取是否可以预先构建所有页面并且无需加载它们?我知道数字 800,000 相当大,所以这就是我要问的原因。如果我使用getStaticProps,我可以用更少的 id 做类似的事情,但是如果需要 5 秒来获取 1 页的数据并且它们是 800,000,这是否意味着我必须等待构建 800,000x5 = 46 天?

提前致谢!

0 投票
1 回答
321 浏览

sveltekit - SvelteKit 适配器静态:支持增量构建,仅生成特定页面而不是整个站点

我们有一些中型网站(> 页面)并希望预渲染整个网站。在某些外部系统中的内容发生更改时,我们希望仅更新包含更新内容的特定页面,并将页面的更新版本作为静态 html 页面部署到某些发布服务(webserver、CDN、Netlify 等)。

我已经看到 SvelteKit 通过适配器静态支持这种 SSG 渲染方法,但据我所知,它总是为每个构建构建所有页面/路由。这目前是一个阻止程序,因为如果编辑器更新某些内容,则需要超过 15 分钟(粗略估计,如果您有大约 1500 页)才能在线查看此更新。

是否已经有可能简单地构建一些特定的页面或路线?

0 投票
1 回答
101 浏览

github - 使用 Github 将 Nuxt 静态站点部署到 Netlify 的问题

我在使用 Github 将我的 Nuxt 静态站点(使用 Bootstrap Vue 构建并使用 Wordpress Rest API)部署到 Netlify 时遇到问题。当我手动部署它时,它按预期工作。但是当我使用 Github 时,它会为大多数页面提供“页面未找到消息”,而对于那些没有出现该错误的页面,它不会提供所有页面内容。

我遵循了静态生成站点的 Nuxt 配置:[https://nuxtjs.org/deployments/netlify/#for-a-statically-generated-site][1]。我也尝试更改 NODE_VERSION 环境变量,但没有成功。有没有人有解决这个问题的建议?

这是 Netlify 的部署日志

0 投票
1 回答
36 浏览

javascript - 将 getstaticprops 数据发送到其他静态页面,NextJS

我从我的 getstaticprops 中的外部 API 获取大量 json 数据。然后将这些数据分成几部分作为道具发送到其他静态页面(数百个页面)。

我只知道如何将 staticprops 数据发送到文件中的组件,就像这样。

有没有办法将这些数据发送到其他静态页面/路由?(例如到 page2.tsx)

0 投票
0 回答
26 浏览

nuxt.js - 获取 Nuxt Image 处理动态图像

我无法让 Nuxt Image 处理动态图像。如果我在开发模式下运行它,下面的代码将按预期工作,但如果我运行nuxt generate来创建一个静态站点(打算在没有 3rd 方图像提供程序的情况下托管在 Netlify 上),则图像不会得到处理。有人知道解决方法吗?这将是一个非常注重图像的静态站点,如果我不能让它工作,我将不得不放弃 Nuxt 去做别的事情,我宁愿不这样做。有一些github问题,但到目前为止没有解决..

项目引用了一个 Markdown 文件,我用 Nuxt Content 加载,看起来像

0 投票
0 回答
27 浏览

next.js - 在 getStaticPaths nextjs 中获取当前路径

我有一些嵌套的动态路由,如下所示:

其中path1的路径可以静态生成,因为它们总是相同的但是对于它的孩子我首先需要获取path1(它的父)我不确定我是否应该使用静态生成但仍然有办法得到里面的路径getStaticPaths还是有更好的方法来获得类似的功能?

(我确实需要为两条路径调用服务器)

谢谢阅读。

0 投票
0 回答
7 浏览

vuejs2 - Nuxt 生成失败并在 vue dist 文件中未定义

我正准备从 Nuxt.js 2 项目部署我的第一个静态应用程序。

虽然静态路​​由生成得很好,但我的动态路由却不是。一旦我记得它们被隐藏在我的下拉菜单中 - duhh - 我创建了一个 /generate 页面,该页面使用 nuxt-link 组件呈现我的所有动态路由。我的假设是爬虫应该找到 /generate/index.vue 页面和上面的链接,然后爬取这些。

它没有。

然后我注意到塞巴斯蒂安肖邦的评论提到在生成静态应用程序时应该启用 SSR。好的。所以我重新启用了 SSR,但我只遇到了错误。我想出了一对,但最新的一个让我难住了。

自我未在 vue dist 文件中定义

一些谷歌搜索没有发现任何相关的线索——或者至少我不认为它们是相关的——所以我需要“全球开发者”团队的帮助。

此错误是否表明 Vue 本身存在问题?我不会在我的应用程序代码中的任何地方使用“自我”……嗯?

干杯,杰里米