2 lines
No EOL
15 KiB
HTML
2 lines
No EOL
15 KiB
HTML
<!doctype html><html data-theme=light lang=de xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Mein Portfolio, Blog und allgemeine Präsenz online" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#FF7E3C name=theme-color><meta content=#CC5A26 media=(prefers-color-scheme:dark) name=theme-color><title>switching from jekyll to zola - Aron Petau</title><link href=https://aron.petau.net/de/project/zola/ rel=canonical><link href=https://mastodon.online/@reprintedAron rel=me><meta content=@reprintedAron@mastodon.online name=fediverse:creator><link href=https://aron.petau.net/favicon.png rel=icon type=image/png><link href=https://aron.petau.net/apple-touch-icon.png rel=apple-touch-icon sizes=180x180 type=image/png><link crossorigin href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css integrity=sha512-... referrerpolicy=no-referrer rel=stylesheet><link title="Aron Petau - Atom Feed" href=https://aron.petau.net/atom.xml rel=alternate type=application/atom+xml><style>:root{--accent-color:#ff7e3c}[data-theme=dark]{--accent-color:#cc5a26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-color:#cc5a26}}</style><link href=https://aron.petau.net/style.css rel=stylesheet><link href=https://aron.petau.net/css/timeline.css rel=stylesheet><link href=https://aron.petau.net/css/mermaid.css rel=stylesheet><link href=https://aron.petau.net/css/skills.css rel=stylesheet><link href=https://aron.petau.net/css/gallery.css rel=stylesheet><script defer src=https://aron.petau.net/closable.js></script><script defer src=https://aron.petau.net/copy-button.js></script><script data-goatcounter=https://awebsite.goatcounter.com/count defer src=https://aron.petau.net/count.js></script><script defer src=https://aron.petau.net/fuse.js></script><script defer src=https://aron.petau.net/search-fuse.js></script><script defer src=https://aron.petau.net/theme-switcher.js></script><script type=module>import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
||
mermaid.initialize({ startOnLoad: true });</script><meta content="Aron Petau" property=og:site_name><meta content="switching from jekyll to zola - Aron Petau" property=og:title><meta content=https://aron.petau.net/de/project/zola/ property=og:url><meta content="a short reflection on the switch from jekyll to zola" property=og:description><meta content=https://aron.petau.net/card.png property=og:image><meta content=de_DE property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Zum Hauptinhalt springen </a><ul><li id=home><a href=https://aron.petau.net/de/> <i class=icon></i>Aron Petau</a><li class=divider><li><a href=https://aron.petau.net/de/project/>Projekte</a><li><a href=https://aron.petau.net/de/pages/contact/>Kontakt</a><li><a href=https://aron.petau.net/de/pages/cv/>Vita</a><li><a href=https://aron.petau.net/de/pages/about/>Über mich</a><li id=search><button class=circle id=search-toggle title=Suche><i class=icon></i></button><li id=language-switcher><details class=closable><summary class=circle title=Sprache><i class=icon></i></summary> <ul><li><a href=https://aron.petau.net/project/zola/ lang=en>English</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Thema><i class=icon></i></summary> <ul><li><button title="Zum hellen Thema wechseln" class=circle id=theme-light><i class=icon></i></button><li><button title="Zum dunklen Thema wechseln" class=circle id=theme-dark><i class=icon></i></button><li><button title="Systemthema nutzen" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=feed><a class=circle href=https://aron.petau.net/de/atom.xml title=Feed> <i class=icon></i> </a><li id=repo><a class=circle href=https://forgejo.petau.net/aron/awebsite title=Repository> <i class=icon></i> </a></ul></nav><div id=search-container><label class=visually-hidden for=search-bar>Suche</label><input placeholder="Suche nach…" autocomplete=off disabled id=search-bar type=search><div id=search-results-container><div id=search-results></div></div></div></header><main id=main-content><article><div id=heading><p><small> <time datetime=" 2025-05-16T00:00:00+00:00">Veröffentlicht am 16. 05. 2025</time></small><h1>switching from jekyll to zola</h1><p><small><span>Von Aron Petau und Friedrich Weber</span><span> • </span><span>4 Minuten gelesen</span><span> • </span></small><ul class=tags><li><a class=tag href=https://aron.petau.net/de/tags/making/>making</a><li><a class=tag href=https://aron.petau.net/de/tags/education/>education</a><li><a class=tag href=https://aron.petau.net/de/tags/democratic/>democratic</a><li><a class=tag href=https://aron.petau.net/de/tags/engineering/>engineering</a><li><a class=tag href=https://aron.petau.net/de/tags/experiment/>experiment</a><li><a class=tag href=https://aron.petau.net/de/tags/work/>work</a><li><a class=tag href=https://aron.petau.net/de/tags/3d-printing/>3D printing</a></ul></div><div id=buttons-container><a title="Nach Oben gehen" href=#top id=go-to-top><i class=icon></i></a><a href="https://shareopenly.org/share/?url=https://aron.petau.net/de/project/zola/&text=a%20short%20reflection%20on%20the%20switch%20from%20jekyll%20to%20zola" id=share title=Teilen><i class=icon></i></a><a title="Ein Issue erstellen" href=https://forgejo.petau.net/aron/awebsite/issues id=issue><i class=icon></i></a></div><h2 id=2020:_discovering_jekyll>2020: discovering jekyll</h2><p>For applying to my master's program in 2020, a portfolio was required, and since it was more or less for a design program, I wanted to have a nice website. After trying for a month to get what I wanted out of WordPress, and angrily quitting multiple times, I discovered <a href=https://jekyllrb.com>Jekyll</a>. Back then, <a href=https://gohugo.io>Hugo</a> and <a href=https://www.11ty.dev>11ty</a> were the newer kids on the block, but I was heavily relying on the free hosting from <a href=https://pages.github.com>GitHub Pages</a>, where Jekyll was the easiest to integrate.<p>Back then, looking for inspiration, I had an ethics professor I really liked, and he had a Jekyll site with the <a href=https://mmistakes.github.io/minimal-mistakes/>Minimal Mistakes</a> theme. <a href=https://rainermuehlhoff.de>Prof. Mühlhoff</a><p>I went about using Minimal Mistakes, and it was a great experience. The resulting portfolio at least got me into the master's, and I fell in love with the general idea of being able to write sites in markdown, while a program would take care of the rest.<p>For years, Jekyll was my go-to for building static websites. It was familiar, widely supported, and part of the broader Ruby ecosystem. But over time, my frustrations grew—slow builds, complicated plugin setups, and a dependency stack that never felt quite right. To be honest, many of the drawbacks were totally not Jekyll’s fault. It was just slow, otherwise fine. But especially using GitHub Pages imposed quite a few limitations on plugins and themes. Also, maybe I didn’t put in enough effort, but I could never really get theme modifications working. Just extending the theme to show multiple authors was a pain—although it was eventually working.<p>On now finishing the master's, I wanted a visual overhaul, and while browsing for inspiration again, using Jekyll at all got questioned again. I knew I wanted a static site generator, because markdown is the shit. So after looking around further, <strong><a href=https://www.getzola.org/>Zola</a></strong> emerged—actually through a chatbot suggestion 😄<p>Recently, I made the leap to Zola, a Rust-powered static site generator, and I don't see myself going back.<hr><h2 id=rust_feels_right>rust feels right</h2><p>I’ve always admired <a href=https://www.rust-lang.org/>Rust</a> for its speed, safety, and modern tooling. Using a static site generator built with Rust just made sense. <strong>Zola is fast</strong>—blazing fast. Even during local development, rebuilds are near-instant, and that alone makes the writing process smoother and more enjoyable.<p>Plus, using something written in Rust means fewer external dependencies, no bundler hell, and zero Ruby setup headaches. I can just download the binary, run it, and get going. It respects my time.<hr><h2 id=zola_is_thoughtfully_designed>zola is thoughtfully designed</h2><p>Beyond performance, Zola is just really well designed. Its template syntax (thanks to <a href=https://tera.netlify.app>Tera</a>) is more powerful and readable than Liquid. The built-in shortcodes, pagination, and asset pipelines all feel cohesive and purposeful. There’s very little “configuration over convention” fatigue that Jekyll often gave me.<p>And even though both systems are markdown-based, migrating wasn’t just a matter of copy-pasting files. I had to rethink frontmatter, adjust templates, and wrangle image paths and shortcodes. The structure and behavior are different enough that it felt like a real rebuild—not just a port.<hr><h2 id=duckquill_made_me_switch>duckquill made me switch</h2><p>The real catalyst, though? <a href=https://github.com/daudix/duckquill><strong>Duckquill</strong></a>, a stunning Zola theme built by <a href=https://github.com/daudix>Daudix</a>. It struck the perfect balance between minimalism and elegance—exactly the aesthetic I wanted but could never quite achieve with Jekyll. Duckquill didn’t just make Zola usable for me; it made it <em>irresistible</em>.<p>What really sets <strong>Duckquill</strong> apart—beyond its clean typography and smart layout—is how well it supports a vision of digital autonomy. The theme comes with <strong>Mastodon-powered comments</strong>, allowing for lightweight, federated interaction without relying on big centralized platforms. This fits perfectly with my goal of reclaiming control through <strong>self-hosting</strong>. Whether it's running my own site, owning my content, or interacting through the fediverse, Duckquill reinforces those values rather than working against them. It’s a rare example of design and infrastructure aligning with personal principles.<hr><h2 id=final_thoughts>final thoughts</h2><p>Switching from Jekyll to Zola wasn’t effortless, but it was absolutely worth it. I now have a faster, more reliable, and better-looking site that’s easier to maintain and feels like it fits my tooling philosophy.<p>If you're feeling the weight of your current setup, maybe it's time to try Zola—and give Duckquill a spin while you're at it.</article><hr><nav id=post-nav><a class="post-nav-item post-nav-prev" href=https://aron.petau.net/de/project/master-thesis/> <div class=nav-arrow>Vorherige</div> <span class=post-title>Master's Thesis</span> </a><a class="post-nav-item post-nav-next" href=https://aron.petau.net/de/project/einszwovier-vogelvilla/> <div class=nav-arrow>Nächstes</div> <span class=post-title>einszwovier: vogelvilla</span> </a></nav><span class=hidden id=copy-code-text>Code kopieren</span><span class=hidden id=search-index>https://aron.petau.net/de//search_index.en.json</span><span class=hidden id=more-matches-text>$MATCHES mehr Treffer</span></main><footer id=site-footer><div class=carbonbadge id=wcb></div><script defer src=https://unpkg.com/website-carbon-badges@1.1.3/b.min.js></script><p><nav><ul><li><a href=https://aron.petau.net/de/project/>Projekte</a><li><a href=https://aron.petau.net/de/pages/privacy/>Privacy</a><li><a class=external href=https://kaesewerkstatt.petau.net>Käsewerkstatt</a><li><a class=external href=https://www.newpractice.net/author/aron-petau>New Practice Network</a></ul></nav><p>© Aron Petau, 2025<p><a class=external href=https://forgejo.petau.net/aron/awebsite>Website-Quelle</a><ul id=socials><li><a rel=" me" href=https://github.com/arontaupe title=GitHub> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EGitHub%3C/title%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")" class=icon></i> <span>GitHub</span> </a><li><a rel=" me" href=https://www.printables.com/@arontaupe title=Printables> <i class=icon style=--icon:url(data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EPrintables%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.678%204.8%2012%209.6v9.6l8.322-4.8V4.8L12%200ZM12%2019.2l-8.322-4.8V24Z%22%2F%3E%3C%2Fsvg%3E)></i> <span>Printables</span> </a><li><a rel=" me" href=https://www.etsy.com/de-en/shop/reprintedservices title=Etsy> <i class=icon style=--icon:url(data:image/svg+xml,%3Csvg%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EEtsy%3C%2Ftitle%3E%3Cpath%20d%3D%22M8.559%202.445c0-.325.033-.52.59-.52h7.465c1.3%200%202.02%201.11%202.54%203.193l.42%201.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24%201.5.496%201.6%201.606%200%200%20.11%203.27.11%208.64%200%205.385-.09%208.61-.09%208.61%200%20.973-.39%201.333-1.59%201.573l-1.722.33V24l5.13-.165h8.55c1.935%200%206.39.165%206.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284%202.91c-1.005%202.28-2.476%202.445-4.11%202.445h-4.906c-1.63%200-2.415-.64-2.415-2.05V12.8s3.62%200%204.79.096c.912.064%201.463.325%201.76%201.598l.39%201.695h1.41l-.09-4.278.192-4.305h-1.391l-.45%201.89c-.283%201.244-.48%201.47-1.754%201.6-1.666.17-4.815.14-4.815.14V2.45h-.05z%22%2F%3E%3C%2Fsvg%3E)></i> <span>Etsy</span> </a><li><a rel=" me" href=https://mastodon.online/@reprintedAron title=Mastodon> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EMastodon%3C/title%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E")" class=icon></i> <span>Mastodon</span> </a></ul></footer> |