问题标签 [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.
javascript - 'Nuxt generate' 后 Axios POST 不工作
我有一个Nuxt
项目,对 API 有一些Axios
请求,用于简单的注册和登录过程。
当我在 localhost:3000 上运行我的应用程序时,一切正常,但是当我运行“Nuxt generate”并将我的代码发布到 AWS 并尝试发送注册表单时,只有表单字段作为获取参数添加到 url。我什至没有收到错误消息。
authentication - 如何使 NextAuth.js 在 Next.js 网站中与 SSG(生成的静态站点)一起使用
Next.js 允许您使用服务器端 (SSR) 或静态客户端 (SSG) 呈现来构建您的站点,但是当您运行next build && next export
它时会删除/api
路由。
例如,由于 NextAuth.js 依赖于这些路由,/api/auth/signin
您如何为 SSG 实现 NextAuth.js?
ruby - 在 Middleman 静态站点生成器中的其他页面上使用页面的 yield 内容
我在 Middleman 网站上有多篇文章,这些文章是带有 YAML frontmatter 的 Markdown 文件:
source/article/some-title.html.md
source/article/another-title.html.md
source/article/some-title.html.md
内容如下所示:
我正在尝试创建一个页面(或者source/list.html.erb
我source/layout/list.erb
将在页面中使用的页面),它将列出这一页面上所有/选定文章的内容。我从 YAML frontmatter 获取数据没有问题,data.title
但我正在寻找一种方法来获取页面的实际内容,该内容<%= yield %>
在布局中打印。
有没有办法<%= yield %>
从其他页面或模板获取给定页面的内容?
cookies - Gridsome cookie SameSite 设置
我有一个在 Gridsome 中开发的站点,该站点将作为静态内容部署在 AWS S3 中,但该站点的图像位于不同的静态站点。对于来自外部源的每个图像,我在控制台中有很多“指示是否通过指定其 SameSite 属性在跨站点请求中发送 cookie”错误。
我如何设置 SameSite:无;安全的; 在 Gridsome 中允许无错误地拉出这些图像?
gatsby - 每次添加新的降价博客文章时,我是否必须构建我的静态 Gatsby 博客?还是会动态显示来自降价文件/目录的帖子?
我是 JAMStack 和静态站点生成器的新手,最近尝试使用 Gatsby 和 github 页面建立一个新博客。在所有伟大的 Gatsby 教程的海洋中,我无法找到的一个信息(可能是因为它是一个愚蠢的)是,无论我每次都必须重建我的网站还是只是添加一个新的博客文章/帖子到我的 Gatsby 网站包含新降价文件到我的仓库的提交将完成这项工作。
java - JVM 之外是否存在类似 JSP 的静态站点生成器?
我真的很喜欢 JSP 作为模板系统,我正在寻找具有类似 JSP 功能的静态站点生成器。
我在 JSP 中真正发现有用的是标签文件非常强大和灵活,例如,您可以将“主”布局定义为标签文件,让“子”布局重用其他标签文件,甚至将“组件”定义为标签文件,因此创建新页面/视图变得非常容易重用布局和组件。
唯一的缺点是 JSP 与 JVM 绑定在一起,是否有任何具有这些功能的静态站点生成器?
提前致谢
markdown - 使用 jekyll 的“包含”和备注
我很高兴使用 jekyll 的评论。Jekyll 让我使用模板文件,因为它在wiki中有所描述。
我还想include
在我的幻灯片中使用 jekyll 的命令,例如{% include something.html %}
. 但不知何故,我无法让它工作:当我构建我的幻灯片时,命令被逐字{% include something.html %}
解析到我的幻灯片中(见下面的截图)。
我的default-presentation.md
文件内容如下,其中 as_includes/test.html
仅包含<p>test</p>
. 我还在这里创建了一个包含所有文件的最小存储库。
完全披露:我也通过github issue问了这个问题
dynamic - Astro 静态站点生成器框架能否用于根据从 API 获取的数据动态创建页面?
我们公司的一个项目是使用 Astro 和 Svelte 构建的。在这个项目中,必须对 CMS 进行 API 调用才能动态创建博客文章。我想为我的客户写博客文章、更新 CMS(GraphCMS)并查看该网站创建了一个新文章。
reactjs - 使用 Webpack StaticSiteGeneratorPlugin 和样式化组件反应静态站点渲染
我们目前有一个使用 Intersystems Caché 和 HTML、CSS 和 JS 制作的现有网站。我们正在尝试在这个现有网站中实施反应。
为此,我们使用样式化组件创建了一个反应组件库。我们将这个库导入我们现有的网站。
在我们现有的网站中,我们希望静态渲染我们的 html 文件,其中包含 react 组件。为此,我们使用 webpack 插件:StaticSiteGeneratorPlugin。这部分工作。我们遇到的唯一问题是 Styled Components 的 SSR 不起作用。提取的 css 始终为空。
我们导入组件库并使用其中一个组件的页面模板:
这被渲染成这样:(这部分正在工作,您还可以看到 Styled 组件的类)
这是呈现此 HTML 文件的代码:
但是 css 变量始终为空。有人可以帮我解决这个问题吗?