标签: static-site

当我运行Jekyll时,它不会产生任何结果.我看到的输出:

Configuration from /home/mbsheikh/techtraits/techtraits-blog/_config.yml
Auto-regenerating enabled: /home/mbsheikh/techtraits/techtraits-blog -> /home/mbsheikh/techtraits/techtraits-blog/_site
[2012-06-15 23:23:03] regeneration: 118 files changed

该_site目录为空.有没有办法调试Jekyll？我更改了几个文件但仍然没有看到任何内容_site.

我刚刚开始学习 Hugo 快速入门教程。

看这里，它表明我应该能够通过创建 _index.md 文件来修改 home/default/root index.html。

$ hugo new site quickstart
Congratulations! Your new Hugo site is created in ~/quickstart.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/, or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
3. Start the built-in live …

我在 S3 上托管了静态网站，该网站使用 Amazon s3 链接正确显示。

根据亚马逊文档，我创建了两个存储桶，example.io 和 www.example.io。example.io 包含网站的内容（文件）；www.example.io 存储桶正在重定向到 phlo.io 存储桶。

我正在尝试配置 Godaddy Apex 域 DNS 设置以重定向到 S3 存储桶。例如，域是http://example.io & 我以以下形式在 Godaddy 域 DNS 中输入设置：

Type: CNAME
Name: www
value: example.io.s3-website.eu-west-2.amazonaws.com
TTL: 1 hour

但是，该网站未显示在链接http://example.io 上。如何配置顶级域名以显示静态网站？

问题

我想向我的 Eleventy 网站添加一点客户端 JavaScript。我似乎无法document.使用 Eleventy 进行访问，这意味着我无法访问元素并监听它们的事件。不起作用的示例：

const formElement = document.querySelector("form")

我从 Eleventy 收到的错误消息：

ReferenceError: document is not defined

问题

我如何使用 Eleventy 来监听文档元素更改并进行页面更改？

例子：

formElement.addEventListener("change", function () {
    // Update nearby paragraph element based on form value
});

我的真实场景：我希望有一个段落元素显示哪个form具有input type="radio"值checked。

到目前为止的方法

我在 /data 中有一个名为fruits.json的文件：

{
  "items": [
    {
      "name": "Apple"
    },
    {
      "name": "Banana"
    },
    {
      "name": "Strawberry"
    },
    {
      "name": "Mango"
    },
    {
      "name": "Peach"
    },
    {
      "name": "Watermelon" …

我是Metalsmith的新手.我想在windows8中配置它.以前我使用过Grunt js,它可以轻松快速地配置(给出简洁明了的步骤).我使用Jade和Sass和Grunt js,这是我一直用于我的网页的非常有用的工具.现在我想在Metalsmith尝试Jade和Sass.我尝试了一个教程和几个YouTube视频.仍然没有收获.任何有关简单步骤的帮助都将非常感激.提前致谢.

注意:我试图安装Metalsmith,我的目录结构是

我不知道如何保存jade和sass文件以及构建或编译.

这是来自的输出jekyll serve --verbose.正如你所看到的,Jekyll读取了4个markdown文件,但实际上只构建了3. 2016-02-31-github-webhooks-node.md没有构建,但似乎也没有抛出任何错误.

jekyll serve --verbose
  Logging at level: debug
Configuration file: /home/bryce/_repos/devbryce/devbryce-jekyll/_config.yml
         Requiring: jekyll-paginate
         Requiring: kramdown
            Source: /home/bryce/_repos/devbryce/devbryce-jekyll
       Destination: /home/bryce/_repos/devbryce/devbryce-jekyll/_site
 Incremental build: disabled. Enable with --incremental
      Generating... 
           Reading: _posts/2013-12-31-whats-jekyll.md
           Reading: _posts/2016-02-31-github-webhooks-node.md
           Reading: _posts/2014-01-02-introducing-lanyon.md
           Reading: _posts/2014-01-01-example-content.md
         Rendering: _posts/2013-12-31-whats-jekyll.md
  Pre-Render Hooks: _posts/2013-12-31-whats-jekyll.md
  Rendering Liquid: _posts/2013-12-31-whats-jekyll.md
  Rendering Markup: _posts/2013-12-31-whats-jekyll.md
         Requiring: kramdown
  Rendering Layout: _posts/2013-12-31-whats-jekyll.md
         Rendering: _posts/2014-01-01-example-content.md
  Pre-Render Hooks: _posts/2014-01-01-example-content.md
  Rendering Liquid: _posts/2014-01-01-example-content.md
         Requiring: rouge
  Rendering Markup: _posts/2014-01-01-example-content.md
  Rendering Layout: _posts/2014-01-01-example-content.md
         Rendering: _posts/2014-01-02-introducing-lanyon.md
  Pre-Render Hooks: _posts/2014-01-02-introducing-lanyon.md
  Rendering Liquid: _posts/2014-01-02-introducing-lanyon.md …

我正在开发一个几乎完全静态的网站。我使用生成器来创建所有的 HTML。

但是，我的网站是嵌入在其页面中的商店的前端。我有一个代表浏览器到后端存储的 node.js 服务器代理请求。它所做的只是提供购物车中的商品数量，以便我可以在我网站的所有页面上更新数量。那是因为浏览器不允许跨域脚本。我的服务器必须充当客户端和商店之间的代理。

（嵌入式商店是从商店的网站加载的，因此它本身不需要代理。）

我希望最终部署到 Netlify 或一些类似的 JAMstack 提供商。但我不知道如何在 Netlify 上代理。

这个问题的标准解决方案是什么？或者 JAMstack 解决方案无法使用代理？是否有解决此问题的 JAMstack 提供商？

我正在尝试将我的文档站点从 GitBook 切换到 Vuepress，但遇到了 front-matter 变量。在 GitBook 中，您只需在配置中添加变量，然后在页面上的任何位置使用它们作为{{ book.variable_name }}. 乍一看，在 Vuepress 中，事情似乎更加棘手。

我需要配置在整个站点中使用的几个变量，因此将它们添加到每个页面将是一场彻底的噩梦。该文档没有说明如何配置 front-matter 变量，但有一个 Jekyll 站点的链接。在 Jekyll 网站上，我发现这篇文章正是我想要实现的目标。问题是我不知道如何在配置中使用这些信息。

非常感谢任何帮助。我在官方仓库中问了这个问题，但这没有帮助。

我在 WordPress 上有一个博客，我正在将其迁移到 Pelican。当前每个帖子都有 1 个与其关联的类别。并且每个帖子都有多个标签。我正处于中间，为一些事情而苦苦挣扎。

我能够从 Wordpress 检索所有帖子数据，并在新网站上将它们适当地关联起来。但我在这里面临的问题是如何创建标签和类别页面？如果您访问https://www.example.com/tags/python，它应该列出所有带有 Python 标签的帖子，理想情况下，该页面应该看起来像主页设计。

同样，我想实现类别。

你可以使用 Stackoverflow 主题（基本版）来可视化我正在尝试构建的内容：主要关心标签、类别和搜索。所以当你点击一个标签时它会打开一个页面https://www.example.com/tags/<tag>

另外，类似地，如果有人可以推荐我可以与鹈鹕主题一起使用的最佳搜索插件。这将搜索网站上的所有帖子。

在 javascript 中，我可以遍历一个数组来输出我的对象，如下所示。

var myArr = ["one","two","three"]
var myObj = {
  "one": {
    "title": "ones",
    "desc": "this is one"
  },
  "three": {
    "title": "threes",
    "desc": "this is three"
  },
  "two": {
    "title": "twos",
    "desc": "this is two"
  }
}

myArr.forEach(function (value) {
  console.log(myObj[value].title, myObj[value].desc);
});

产出

ones this is one

twos this is two

threes this is three

console.log("number 2 - ",myObj[myArr[1]].desc)
console.log("number 2 - ",myObj["two"].desc)

产出

number 2 - this is two

number 2 - this is two

我希望能够在 …