jekyll 相关问题

... 我如何循环浏览jekyll网站的帖子，但仅在一年等于特定价值的帖子上采取行动？ {% for post in site.posts %} {% if post.date.year == 2012 %} <p>{{ post.date }}</p> <p>{{ post.title }}</p> {% endif %} {% endfor %} 上述行动不起作用。正确的方法是什么？要提取日期的年份，您必须使用date使用"%Y"（列出了完整的语法here）。即： {% for post in site.posts %} {% capture year %}{{post.date | date: "%Y"}}{% endcapture %} {% if year == "2012" %} <p>{{ post.date }}</p> <p>{{ post.title }}</p> {% endif %} {% endfor %} {% assign posts_2025 = site.posts | where_exp: "post", "post.year == '2025'" %} {% for post in posts_2025 %} --- title: blablabla year: '2025' ---

jekyll liquid

回答 2 投票 0

添加了与jekyll chirpy主题的CSS课程的超链接图像

html css jekyll jekyll-theme

回答 0 投票 0

azure devops共享Wiki作为专用网页

我们创建了一个发展治理作为Word文档。我需要与内部和外部人员分享此文件。 Word有很多缺点，因此我想使用某种网页。一个想法是...

azure-devops jekyll wiki

回答 1 投票 0

在本地安装的宝石中找不到宝石“ github页面”

jekyll jekyll-theme

回答 1 投票 0

在布局`page`带有Chirpy主题

我想在布局页面上启用TOC，就像它在布局帖子上显示一样。这是我正在使用的修改后的模板。我已经尝试在以下wa中更改_layouts/page.html ...

html markdown jekyll jekyll-theme

回答 1 投票 0

GET JEKYLL与现有的GitHub页面网站一起工作

在这里，是我的网站。这是该网站的

github jekyll github-pages cname

回答 2 投票 0

无法建立一个jekyll网站...无效的日期

试图用“ jekyll服务”建立一个jekyll网站时，我会遇到这个错误：生成... 错误：无法构建您的网站： -------------------------------------------------- ...

jekyll

回答 2 投票 0

文件夹中的所有图像循环循环？

目前，我已经生成了这样的照片页面：<p style="line-height: 100px;"> <img src="photos/01.jpg"><br> <img src="photos/02.jpg"><br> <img src="photos/03.jpg"><br> <img src="photos/04.jpg"><br> <img src="photos/05.jpg"><br> <img src="photos/06.jpg"><br> <img src="photos/07.jpg"><br> <img src="photos/08.jpg"><br> <img src="photos/09.jpg"><br> <img src="photos/10.jpg"><br> </p> 如果我想添加或删除新照片，那一点都不方便。是否可以做我对帖子的循环之类的事情： {% for post in site.posts %} <h2><a href="{{ post.url }}">{{ post.title }}</a></h2> {% endfor %} toccept在所有图像上循环？ thanks！对我来说，这就像魅力一样。无需插件我的图像在一个目录中。 assets/images/slider 确保仅插入该文件夹中的图像。 further读取here和jekylltalk。 toubleshooting：如评论中所述，如果您在这种方法上遇到麻烦，则可能需要尝试在标签之前删除压痕。这里是不使用插件的另一个解决方案（带有多个画廊页面），因此可与github页面一起使用。我有一个博客文章，这里有更详细的说明：用jekyll和Lightbox2加工图像库编写画廊概述页 SourceCode 这里是简短的版本：创建图像列表： {% for image in site.static_files %} {% if image.path contains 'images/slider' %} <img src="{{ site.baseurl }}{{ image.path }}" alt="image" /> {% endif %} {% endfor %} 对于可用画廊的列表，只需循环浏览数据文件： image.path contains 'images/slider' 所有画廊将基于：（在我的示例中，我正在使用Lightbox2来显示图像，因此在我的示例中还有其他HTML，您甚至只想使用_data/galleries.yml） - id: gallery1 description: This is the first gallery imagefolder: /img/demopage images: - name: image-1.jpg thumb: thumb-1.jpg text: The first image - name: image-2.jpg thumb: thumb-2.jpg text: The second image - name: image-3.jpg thumb: thumb-3.jpg text: The third image - id: anothergallery description: This is even another gallery! imagefolder: /img/demopage images: - name: image-4.jpg thumb: thumb-4.jpg text: Another gallery, first image - name: image-5.jpg thumb: thumb-5.jpg text: Another gallery, second image - name: image-6.jpg thumb: thumb-6.jpg text: Another gallery, third image 对于每个画廊页面，创建一个仅包含三行YAML前后的文件： {% for gallery in site.data.galleries %} - [{{ gallery.description }}]({{ gallery.id }}) {% endfor %} 线是从步骤3开始的布局文件。 _layouts/gallery.html行是指步骤1的数据文件，因此布局文件“知道”必须从第一个画廊显示图像。 that是IT. this解决方案不会自动循环浏览图像文件夹，但是您只需要将新图像插入数据文件中，这比手工创建<img src="photos/01.jpg">html线的乏味（尤其是当HTML都比HTML更复杂时如上上面的Lightbox2示例）。正如我一开始所说的：它在github页面上工作，所有插件的解决方案都可以使用（可以循环映像文件夹）。理解，您想扫描图像目录，然后从那里生成文件列表。 Jekyll没有我知道的功能。但是，这是非常可扩展的，因此您有几个选择： WRITE（或查找）进行目录扫描的插件。如果您知道Ruby，那就不太具有挑战性了。 jekyll网站上有有关插件的外观的文档。如果您不认识Ruby，则可以考虑使用外部脚本或程序生成特殊画廊HTML页面，然后将生成的文件包括在模板中。这是一个例子： --- layout: default --- <script src="/js/jquery-1.10.2.min.js"></script> <script src="/js/lightbox-2.6.min.js"></script> <link href="/css/lightbox.css" rel="stylesheet" /> {% for gallery in site.data.galleries %} {% if gallery.id == page.galleryid %} <h1>{{ gallery.description }}</h1> <ol> {% for image in gallery.images %} <li> {{ image.text }}<br> <a href="{{ gallery.imagefolder }}/{{ image.name }}" data-lightbox="{{ gallery.id }}" title="{{ image.text }}"> <img src="{{ gallery.imagefolder }}/{{ image.thumb }}"> </a> </li> {% endfor %} </ol> {% endif %} {% endfor %} 如果您坚持命名约定，您也可以假装它，然后使用常规循环： {in（1..10）％}的i％} {％endfor％} 但这意味着您仍然必须记住要更新“ 10”号。第二选项和第三个选项较少干净，但两者都具有与github页面一起使用的优势（如果您使用的话），而第一个则不会。将JPG文件列入jekyll中的当前目录中的jpg文件可以这样完成： .html 不错的多用途解决方案。有关此解决方案的更多信息可以在此处找到：http：//jekyllrb.com/docs/static-files/ update：jekyll codex具有implemed此代码以易于重复使用，允许您简单地编写： .md jekyll codex实现joosts建议是一个很好的起点。我已经研究了一段时间，并且有很多类似的项目，但大多数项目都停产或部分工作。挖掘后，我觉得用例的最佳项目是azoresimage库，它相当快，并且具有很小的内存足迹，因为依靠minimagickimagemagick米尼米格克 https：//github.com/simoarpe/azores-image-gallery disclaimer：我是作者。您也可以使用票在root创建--- title: the first gallery page layout: gallery galleryid: gallery1 --- 文件夹下，将图像放在那里 ATlayout: gallery添加此代码 galleryid: gallery1 与创建汇总属性然后列出图像的代码将是 <img src="photos/01.jpg"> 您可以在Jekyll> = 3.2.0：中使用 find . -name \*.jpg | sed 's:./::' | sed 's/^/<img src="/' | sed 's/$/"><br>/' {% for file in site.static_files %} {% assign pageurl = page.url | replace: 'index.html', '' %} {% if file.path contains pageurl %} {% if file.extname == '.jpg' or file.extname == '.jpeg' or file.extname == '.JPG' or file.extname == '.JPEG' %} <img src="{{ file.path }}" /> {% endif %} {% endif %} {% endfor %}

jekyll

回答 5 投票 0

在数据文件中使用液体

可以在jekyll中的数据文件中使用液体标记？我想做这样的事情： Html： {% for entry in site.data.nav-social %} {% if entry != null %} <a href="{{ site.url }}{{ entry.href }}"> <i class="{{ entry.icon }}"></i> </a> {% endif %} {% endfor %} data文件称为nav-social.yml： - icon: fa fa-twitter fa-3x href: {{ site.twitter }} 在config.yml中： twitter: ... 但由此产生的URL是： <a href="http://localhost:4000{}"> <i class="fa fa-twitter fa-3x"></i> </a> 问题：如何在数据文件中使用配置文件中的Infos？从数据文件到页面/帖子的liquid标签，我今天尝试这样做：不起作用。这意味着页面/帖子被解析了两次。，但是您可以将数据放入配置中，例如某个密钥，例如：social. social: twitter: name: twname icon: icon facebook name: fbname icon: ..... 用site.social.key获取它们，甚至循环。

jekyll liquid

回答 1 投票 0

我如何嵌入html的html，并受到周围CSS的影响？我试图将预先格式化的科学论文嵌入到我的网站中，而不会受到我网站主题的干扰。该文章由乳胶手稿生成的HTML和CSS内容组成，

article.scss

html css iframe jekyll

回答 1 投票 0

通过水平断裂（Jekyll）拆分液体过滤器以分裂降压/HTML

我想将一些标记内容分为水平线表示的部分。在标准降价中，这用3个或更多的星号，破折号或下划线表示。所以我需要分开一些p ...

html jekyll liquid

回答 1 投票 0

stop'---'被转变为'<hr />'

i'm将备注幻灯片（作为MD文件）插入jekyll站点（托管在github上，并在此处进行预处理）。由于dempress.js使用三个破折号表示下一个幻灯片，因此重要的是...