标签: static-site

我在Hugo中遵循了这个教程并且工作正常.基本上我有以下内容:

- content
  `- post
     `- coding
        `- html
           `- my-post.md

和我的配置文件设置为

[permalinks]
  post = "/:year/:month/:title/"

它给了我URL

http://example.com/2016/12/my-post/

我想要的是让读者根据日期或年份查看帖子列表.例如,如果他们访问,http://example.com/2016/12/他们将看到12月发布的帖子列表.如果他们访问,http://example.com/2016/他们将看到2016年发布的帖子列表.

在雨果有什么办法吗？

我已经按照亚马逊提供的使用 s3 存储桶进行网站托管的说明进行了操作。

我创建了两个 S3 存储桶，一个名为 MyWebsite.com，另一个名为 www.MyWebsite.com。在 S3 中，我已将两个存储桶中的后者配置为重定向到前者，如示例所示。

我正在使用 Route53 为 www 和非 www 域设置别名记录集。我的记录集如下：

名称：MyWebsite.com， 别名目标：s3-website-us-west-1.amazonaws.com。

名称：www .MyWebsite.com， 别名目标：s3-website-us-west-1.amazonaws.com。

访问非 www 域，MyWebsite.com 工作正常，但是当我尝试访问 www.MyWebsite.com 时，我被重定向到无效的 url：

http://http//MyWebsite.com.s3-website-us-west-1.amazonaws.com/

额外的“http//”（没有冒号）来自哪里，我该如何防止它？

编辑：实际网站名称是thinkingdots.com

我有一个用 nextjs 和 mysql 构建的一千页网站。当我使用命令生成静态页面时，next export有时会收到Hangup警告。没有任何关于出了什么问题的有用信息。

每个页面都会向mysql请求数据，所以请求量很多。我想这可能是“挂断”警告的原因，但我不确定。要求非常简单。

有什么办法可以调试吗？可能是命令verbose的标志next export或类似的东西？我检查过next export -h，但没有发现任何有趣的东西。

我正在尝试建立一个网站，允许您将文件传输到本地网络上连接的设备。该网站是静态的，将托管在 GitHub 页面上。

是否可以使用Javascript与本地网络上的其他设备进行通信（即传输文件/文本）？设备的 IP 地址已知，我正在此处寻找点对点连接。

注意：由于该网站是静态的，因此没有可以控制的服务器端代码。

谢谢

我正在开发一个百科全书类型的网站。本质上，该网站包含单词、定义、概念和博客文章的页面，我打算每周左右添加一个新页面/帖子。目前，我的每篇文章大约有 40 个 HTML 页面。之前我一直将网站的存储库发布到 Github Pages，但最近我决定通过 Netlify 托管我的网站。到目前为止，我很喜欢 Netlify 的功能，它很好地改进了我的开发过程。

但是，我的网站仍然是静态的。需要明确的是，我没有使用静态站点生成器（例如 Next.js 或 Jekyll）创建站点的文件。我希望该项目成为硬编码的实践。当前目录中唯一的文件是 HTML、CSS 和 JS 文件（以及 git 属性以及图标和字体等内容） 我已经浏览了 Netlify 的 Web 应用程序和功能部分，但是，我发现没有任何内容真正符合马克，无论是因为我是 Netlify 的新用户，还是因为我在网站索引和/或后端应用程序方面不一定有太多经验。

我的问题是，如何在静态网站的主页上实现搜索栏和标题搜索功能？这将使观众在访问后能够轻松找到我的任何特定帖子。我希望搜索栏只搜索我为帖子指定的文件夹中每个 html 文件的标题（至少现在是这样）。其他问题是我应该使用哪些网络应用程序（如果有）来完成此任务，以及我是否应该考虑更改我开发和托管网站的流程以适应这些应用程序？

我正在尝试编写一个可以在 GitHub Pages 上托管静态站点的网站，该网站将支持“使用 GitHub 登录”选项。

然后，用户凭据将用于访问 GitHub Pages 网站所基于的存储库并为其做出贡献，从而使其能够像非静态网站一样运行。

如果可能的话，我希望避免在 GitHub 以外的任何地方托管任何内容。

我相信我需要使用的是 OAuth 应用程序，并且我在这里找到了文档。

我遇到的问题在于 OAuth 应用程序所需的客户端密钥。作为一个秘密，我显然无法将其存储在静态站点的存储库中。

有办法解决这个问题吗？一种无需客户端密钥即可实现“使用 GitHub 登录”的方法，或者以某种安全方式存储客户端密钥的位置？

我使用 WordPress 作为我的网站的无头 CMS，并且希望从我的 Next.js 项目生成一个静态网站。我想要实现的是能够将图像和数据从文件夹复制wp-content到我的 next.jsout文件夹，更改网址（http://mywpsite.com/wp-content/uploads/2020/10/1. jpg等）在构建的html文件中到/public/wp-content/uploads/2020/10/1.jpg。

基本上，我希望以某种方式导出我的下一个项目，同时我还托管与该项目连接的文件。我也不想从无头 CMS 托管图像资源，而只想从输出文件夹托管图像资源。

我的石人想法是手动下载该文件夹并对这些文件进行查找/替换。不知道这是否有效，但我很好奇是否有人考虑过我目前遇到的同样问题并提出了解决方案，或者知道我应该朝哪个方向发展？

您好，提前感谢您对我的问题的任何帮助/建议，

背景信息：我一直在使用 Jekyll 静态站点生成器，我使用的主题有一个博客功能，因为posts它已经在使用中。现有循环显示其目录中的所有降价文件： {% assign posts = paginator.posts | where: "lang", page.lang %}{% for post in posts %}

我目前正在使用 Jekyll 3.8.5。

目标：创建第二个博客notes。但是，这个博客应该能够容纳 3 个子目录，并可以选择在 3 个子类别之间进行过滤。顶级目录是“发行说明”，此页面应显示所有子目录。每个子目录应该只显示它​​们的特定文件，即 iOS 只显示在每个降价文件中按类别“iOS”过滤的特定发行说明。

我想创建一个名为“发行说明”的第二个博客，其中包含 3 个不同的子集合（类别），分别是 Android、iOS 和 Windows；发行说明的每个子目录将托管多个 Markdown 文件，这些文件都属于相同类型（相同标签或类别）

结构:

_releasenotes
  - ios
  - android
  - windows

我尝试使用此线程中的方法实现该功能：[/sf/answers/2720911791/][1] 没有完全成功。

方法：_releasenotes为此创建一个单独的 index.html将使用此循环显示该目录中的所有降价文件：

{% assign notes = site.releasenotes| sort:'title' %}
{% for note in notes %}
{% if page.url != note.url and include.category == …

我在这里找到了一篇文章，向我展示了如何在 gatsby 中使用 jquery，并且效果很好。现在我的主要问题是使用粘性工具包，一个 jquery 插件，我收到错误“$(...).stick_in_parent is not a function”，我已经检查了所有可能的文档和网络论坛，但我似乎无法得到这个工作。这是我在 gatsby 中使用 jquery 和 sticky-kit 的代码：

const React = require("react")

export const onRenderBody = ({ setHeadComponents }, pluginOptions) => {
    setHeadComponents([
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>,
        <script src="js/animsition/jquery.animsition.min.js"></script>,
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sticky-kit/1.1.3/sticky-kit.min.js" integrity="sha512-MAhdSIQcK5z9i33WN0KzveJUhM2852CJ1lJp4o60cXhQT20Y3friVRdeZ5TEWz4Pi+nvaQqnIqWJJw4HVTKg1Q==" crossorigin="anonymous"></script>
    ])
}

这是实现两者的代码：

 function activeStickyKit() {
            $('.sticky-column').stick_in_parent({
                parent: '.sticky-parent'
            });

            // bootstrap col position
            $('.sticky-column')
                .on('sticky_kit:bottom', function(e) {
                    $(this).parent().css('position', 'static');
                })
                .on('sticky_kit:unbottom', function(e) {
                    $(this).parent().css('position', 'relative');
                });
        };
        activeStickyKit();

        function detachStickyKit() {
            $('.sticky-column').trigger("sticky_kit:detach");
        };

        //  stop sticky kit
        //  based on …

我有一个 NextJS 站点，它是在构建时静态生成的（SSG）。

接下来我需要实现两件事

1. 谷歌分析
2. 符合 GDPR 的选择加入 Cookie 选项

第一个很容易做到，但是我正在努力使其符合 GDPR。问题是当我的网站是静态生成时，我无法访问服务器端的 cookie。这意味着，在不知道用户是否同意服务器上的 cookie 的情况下，我无法与页面的其余部分一起提供（或不提供）分析脚本。

可能的解决方案：

1. 在客户端处理所有事情 - 请求同意，然后动态地将 GA 标签添加到<head>. 然而我担心这会对分析产生负面影响，或者完全破坏它。有人知道吗？

2. 将我的网站更改为服务器端呈现 (SSR)。如果可能的话我很想避免这种情况。我对 SSG 网站的运行速度感到非常满意。它本质上只是一个基本的博客，因此为了分析而必须进行转换将是一种耻辱。

3. 还有其他想法吗？...

如果有人有这方面的经验，无论他们使用 Next 还是 Nuxt 等，您的意见将不胜感激！

提前致谢