static-site 相关问题

我正在创建一个非常简单的单页Jekyll网站。它所做的只是将列表呈现在index.md文件中，该列表可以不断添加或删除元素-作为预定义的 ... ] >> [[ [这些节是Markdown内容转换为HTML时，请使用集合并进行迭代。例如，我将使用一个名为tutorials的集合： # _config.yml collections: tutorials: output: true 具有以下目录结构： # Directory structure . |__ _layouts | |__ default.html |__ _tutorials | |__ Example A | |__ Example B |__ _config.yml |__ about.md |__ index.md 然后在default布局中： <section> {% for doc in site.tutorials %} <article> <div class="article-title> {{ doc.title | default: Sample Article }} </div> <div class="artcle-summary"> {{ doc.excerpt }} </div> <a href="{{ doc.url }}" title="Read More..">Read More</a> </article> {% endfor %} </section> 以上内容用于创建内容的各个部分。如果只需要呈现简单的文本字符串，请使用数据文件。例如，当我在路径中的数据文件中包含以下内容时./_data/navigation.yml： - label: Home url: "/" - label: About Site url: "about.html" - label: Contact Us url: "contact.html" 然后我的布局内容将是： <nav> <ul> {% for item in site.data.navigation %} <li> <a href="{{ item.url | relative_url }}" title="{{ item.label }}" >{{ item.label }}</a> </li> {% endfor %} </ul> </nav> 文档：https://jekyllrb.com/docs/

html jekyll static-site

回答 1 投票 1

使用Jekyll如何编写为default.html布局文件创建一个特定的为index.md markdown文件列表中的每个元素？ ] [[ 我正在创建一个非常简单的单页Jekyll网站。它所做的只是将列表呈现在index.md文件中，该列表可以不断添加或从中删除元素，作为最终生成的html文件中的预定义<div>标签。我对使用Jekyll非常陌生，无法弄清楚，任何Google搜索都将我引向 collections 和for循环，但到目前为止还没有帮助。示例index.md的内容为- ## TITLE - Element A * Subelement A - Element B * Subelement B - Element C - Element D * Subelement D1 * Subelement D2 我在default.html中拥有的全部是- <html> <body> <h1>{{ page.title }}</h1> {{ content }} </body> </html> 但是，我们的想法是将列表中的元素呈现为类似this的样式（为简单起见，我们假设只有一列而不是3列。]] 不一定要寻找正确的答案，但是任何暗示和（或）资源都会有很大帮助。编辑1：我的文件夹结构如下，我想保留它-# Directory structure . |__ _layouts | |__ default.html |__ assets |__ _config.yml |__ index.md 我的config.yml为空。我唯一要编辑的是index.md文件，我将在其中添加更多列表元素。只需将其呈现在<div>文件中的自己的index.html标签中即可。我正在创建一个非常简单的单页Jekyll网站。它所做的只是将列表呈现在index.md文件中，该列表可以不断添加或删除元素-作为预定义的 ... ] >> [[ [这些节是Markdown内容转换为HTML时，请使用集合并进行迭代。例如，我将使用一个名为tutorials的集合： # _config.yml collections: tutorials: output: true 具有以下目录结构： # Directory structure . |__ _layouts | |__ default.html |__ _tutorials | |__ Example A | |__ Example B |__ _config.yml |__ about.md |__ index.md 然后在default布局中： <section> {% for doc in site.tutorials %} <article> <div class="article-title> {{ doc.title | default: Sample Article }} </div> <div class="artcle-summary"> {{ doc.excerpt }} </div> <a href="{{ doc.url }}" title="Read More..">Read More</a> </article> {% endfor %} </section> 以上内容用于创建内容的各个部分。如果只需要呈现简单的文本字符串，请使用数据文件。例如，当我在路径中的数据文件中包含以下内容时./_data/navigation.yml： - label: Home url: "/" - label: About Site url: "about.html" - label: Contact Us url: "contact.html" 然后我的布局内容将是： <nav> <ul> {% for item in site.data.navigation %} <li> <a href="{{ item.url | relative_url }}" title="{{ item.label }}" >{{ item.label }}</a> </li> {% endfor %} </ul> </nav> 文档：https://jekyllrb.com/docs/

我正在创建一个非常简单的单页Jekyll网站。它所做的只是将列表呈现在index.md文件中，该列表可以不断添加或删除元素-作为预定义的 ...

html jekyll static-site

回答 1 投票 0

Webpack构建中的意外令牌“导出”

我遇到的错误是webpack无法将导出识别为关键字。我已经更新了.babelrc并安装了必要的依赖项。我敢肯定它与它无关...

javascript npm webpack ecmascript-6 static-site

回答 2 投票 1

在Jekyll中重复字符串多次

您如何在Jekyll中多次重复字符串？例如：在Python中，您可以执行“ hello” * 5来获取'hellohellohellohellohello'。在Jekyll中，有比这更简单的方法来做相同的事情。 {％...