Questions tagged [zola]

Zola is a fast static website engine. It’s written in and developed by Keats and friends.

References:

10 questions
8
votes
1 answer

How to filter Taxonomies using Rust-based Zola / Tera?

I have recently discovered Zola and Tera (Rust frameworks for statically-generated websites) and found them amazing. I'm trying to filter specific category pages to display in a section on the same page. To illustrate, I wrote some code like…
ikevin8me
  • 4,253
  • 5
  • 44
  • 84
5
votes
1 answer

How can I iterate over the terms in a taxonomy outside the list.html using Zola?

I've found out you can use {% set posts = get_taxonomy(kind="posts") %} to retrieve a taxonomy but I'm clueless how to iterate over the terms of the taxonomy in for example single.html of this taxonomy. I tried things like the following, but I…
6754534367
  • 5,123
  • 4
  • 17
  • 24
4
votes
3 answers

GitHub Pages Custom Domain Settings Gets Reset During new Commit

I have a static site generated using Zola and I'm using GitHub Actions to do a build of my static site and publish that into a gh-pages branch of my repository. I have also configured my project to serve via GitHub pages using the gh-pages…
joesan
  • 13,963
  • 27
  • 95
  • 232
3
votes
1 answer

How can I iterate over the posts of a section using Zola?

I tried the following, which I found in the Zola documentation but it didn't render anything. The Tera docs weren't rewarding either. {% for post in section.pages %}

{{ post.title }}

{% endfor %}
6754534367
  • 5,123
  • 4
  • 17
  • 24
2
votes
1 answer

Which Static Site Generator can generate pages by just iterating through an assets directory of images (without any content format (e.g. MD) files)?

I'm thinking of publishing a photography blog. Normally, a Static Site Generator generates the site pages based on .MD files and the linked images placed in an assets directory. I'm looking for a Static Site Generator which can generated all the…
ikevin8me
  • 4,253
  • 5
  • 44
  • 84
1
vote
1 answer

Zola: Access extra data from toml header

I try to add custom data to pages in Zola. My toml header looks something like this: +++ title = "Some book" authors = "Mr. A, Mrs. B" url = "https://www.books.com/blabla" cover = "isbn.jpg" +++ I want to access the additional fields in my…
Achim
  • 15,415
  • 15
  • 80
  • 144
0
votes
0 answers

Zola static site generator and localization (l10n)

The problem I'm new to Zola and its templating engine Tera, and I'm struggling with making my own Zola theme easily localizable, even providing some out-of-the-box translations for e.g. English and German. Zolas's fluent integration is not there yet…
tweitzel
  • 333
  • 3
  • 10
0
votes
1 answer

How can I add pages containing the ``publish`` variable in zola?

I would like to be able to add to the list of published articles only documents that contain the variable publish = true in the file header. I have added to each article the following lines in the header: foo.md: +++ title = "Foo" date =…
luarpy
  • 3
  • 3
0
votes
1 answer

How do I check if a block has a value in the Tera templating engine used by Zola?

I have a title like this in my Zola (which uses the Tera templating engine) website: {% block title %}{% endblock %} - Newbyte's blog This generates something like this: Birds around the world - Newbyte's…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/static-site" class="post-tag grid--cell" title="show questions tagged 'static-site'" rel="tag">static-site</a> <a href="../../questions/tagged/static-site-generation" class="post-tag grid--cell" title="show questions tagged 'static-site-generation'" rel="tag">static-site-generation</a> <a href="../../questions/tagged/tera" class="post-tag grid--cell" title="show questions tagged 'tera'" rel="tag">tera</a> <a href="../../questions/tagged/zola" class="post-tag grid--cell" title="show questions tagged 'zola'" rel="tag">zola</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 13 '22 at 03:23">asked Jul 13 '22 at 03:23</time> <a href="../../users/9315690/newbyte" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/9315690.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Newbyte" /> </a> <div class="s-user-card--info"> <a href="../../users/9315690/newbyte" class="s-user-card--link">Newbyte</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,421</li> <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li> <li class="s-award-bling s-award-bling__silver" title="22 silver badges">22</li> <li class="s-award-bling s-award-bling__bronze" title="45 bronze badges">45</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-72582957"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/72582957/css-only-solution-to-hide-element-when-page-content-is-less-than-or-equal-to-1" class="question-hyperlink">css only solution to hide element when page content is less than or equal to 110vh or an equivalent solution</a></h3> <div class="excerpt">I have implemented a css only back to top button, but on shorter pages it shows when it is not needed. .top { position: sticky; bottom: 9px; padding: 9px; place-self: end; margin-top: 109vh; font-weight:700; border-radius: 9px; …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/media-queries" class="post-tag grid--cell" title="show questions tagged 'media-queries'" rel="tag">media-queries</a> <a href="../../questions/tagged/zola" class="post-tag grid--cell" title="show questions tagged 'zola'" rel="tag">zola</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jun 11 '22 at 08:52">asked Jun 11 '22 at 08:52</time> <a href="../../users/1358304/jieiku" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1358304.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Jieiku" /> </a> <div class="s-user-card--info"> <a href="../../users/1358304/jieiku" class="s-user-card--link">Jieiku</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">489</li> <li class="s-award-bling s-award-bling__silver" title="4 silver badges">4</li> <li class="s-award-bling s-award-bling__bronze" title="15 bronze badges">15</li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>