static-site 相关问题

静态站点是没有动态组件的网站，例如数据库或服务器端脚本语言。许多静态站点生成器以各种语言存在，例如Jekyll，Wintersmith和Pelican。

使用Jekyll如何将index.md中列表的每个元素转换为自定义生成的html文件中的标记？ ] 我正在创建一个非常简单的单页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标签中即可。编辑2：原来我想要的是与雨果的shortcodes一样的Jekyll初步研究告诉我，我应该研究Jekyll includes和tags。我想我可以这样简化我的问题-如何使用Jekyll将降价列表的每个元素转换为自定义<div>标签？编辑3：当获得以下Markdown内容时，我希望获得以下HTML内容- <html> <body> <h1>{{ page.title }}</h1> <div class="column-card"> <div class="list-element"> <p>Element Content</p> </div> <div class="subelement-content"> <p>Sub-element content</p> </div> </div> .....this repeats for more list elements..... </body> </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文件中，该列表可以不断添加或删除元素-作为预定义的 ... ] >> [[ [这些节是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中，有比这更简单的方法来做相同的事情。 {％...