vrifox/natenom-website-dump-2024-01-31
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
natenom-website-dump-2024-0.../natenom.de/2022/03/aenderungen-an-blog-und-wiki/index.html
vrifox da4972c768
initial commit
2024-02-01 17:43:06 +01:00

156 lines
No EOL
56 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html><html class=position-relative itemscope itemtype=https://schema.org/WebPage lang=de data-bs-theme=auto data-palette=blue><head><script src=/assets/init/bundle.min.a63b05c8004831f165aca508cfe52bdc3b3c568ce762c0e22f82b1fe1ed14173.js integrity="sha256-pjsFyABIMfFlrKUIz+Ur3Ds8VoznYsDiL4Kx/h7RQXM=" crossorigin=anonymous></script><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Änderungen an Blog und Wiki - Natenoms Blog</title>
<link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_16x16_resize_catmullrom_3.png sizes=16x16 type=image/png><link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_32x32_resize_catmullrom_3.png sizes=32x32 type=image/png><link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_150x150_resize_catmullrom_3.png sizes=150x150 type=image/png><link rel=apple-touch-icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_180x180_resize_catmullrom_3.png sizes=180x180 type=image/png><link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_192x192_resize_catmullrom_3.png sizes=192x192 type=image/png><link rel=mask-icon href=/safari-pinned-tab.svg color=#6f42c1><meta name=keywords content="Verkehrswende,Fahrrad,CriticalMass,OpenBikeSensor,SimRa,Mumble,Open Source,Minimalismus,OpenStreetMap,Müllsammeln,Fotografie,Malen,Zeichnen"><meta name=description content="Eine Liste der Änderungen und Neuerungen in meinem Blog und in meinem Wiki."><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://natenom.de/2022/03/aenderungen-an-blog-und-wiki/cover-feature.png"><meta name=twitter:title content="Änderungen an Blog und Wiki"><meta name=twitter:description content="Eine Liste der Änderungen und Neuerungen in meinem Blog und in meinem Wiki."><meta property="og:title" content="Änderungen an Blog und Wiki"><meta property="og:description" content="Eine Liste der Änderungen und Neuerungen in meinem Blog und in meinem Wiki."><meta property="og:type" content="article"><meta property="og:url" content="https://natenom.de/2022/03/aenderungen-an-blog-und-wiki/"><meta property="og:image" content="https://natenom.de/2022/03/aenderungen-an-blog-und-wiki/cover-feature.png"><meta property="article:section" content="posts"><meta property="article:published_time" content="2022-03-29T16:34:20+02:00"><meta property="article:modified_time" content="2022-03-29T16:34:20+02:00"><meta itemprop=name content="Änderungen an Blog und Wiki"><meta itemprop=description content="Eine Liste der Änderungen und Neuerungen in meinem Blog und in meinem Wiki."><meta itemprop=datePublished content="2022-03-29T16:34:20+02:00"><meta itemprop=dateModified content="2022-03-29T16:34:20+02:00"><meta itemprop=wordCount content="877"><meta itemprop=image content="https://natenom.de/2022/03/aenderungen-an-blog-und-wiki/cover-feature.png"><meta itemprop=keywords content="Web,Hugo,Blog,Wiki,Natenom,"><meta property="og:image:alt" content="Änderungen an Blog und Wiki"><meta name=twitter:image:alt content="Änderungen an Blog und Wiki"><link data-precache rel=stylesheet href="/assets/main/bundle.min.b189232e48c49a02f23e6616502e93a36137102626fd47589f55ab6447b15b4d.css" integrity="sha256-sYkjLkjEmgLyPmYWUC6To2E3ECYm/UdYn1WrZEexW00=" crossorigin=anonymous></head><body><header class="mb-4 sticky-top"><nav class="top-app-bar shadow navbar navbar-expand-xxl"><div class=container><a class="navbar-brand d-flex align-items-center flex-grow-1 flex-xxl-grow-0 justify-content-xxl-start ms-2 ms-xxl-0 mx-auto me-xxl-2" href=https://natenom.de/><picture><img class=logo alt=Logo src=https://natenom.de/images/logo.svg loading=lazy>
</picture>Natenoms Blog</a><div class="offcanvas-xxl offcanvas-end flex-grow-1" data-bs-scroll=true tabindex=-1 id=navbarMenus aria-labelledby=navbarMenusLabel><div class="offcanvas-header px-4 pb-0"><div class="offcanvas-title h5" id=navbarMenusLabel>Natenoms Blog</div><button type=button class="btn-close btn-close-white" data-bs-dismiss=offcanvas data-bs-target=#navbarMenus aria-label=Close></button></div><div class="offcanvas-body p-4 pt-0 p-xxl-0"><hr class=d-xxl-none><ul class="navbar-nav flex-row flex-wrap align-items-center me-auto"><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://natenom.de/><i class="fas fa-home me-1"></i></a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://natenom.de/ueber/>Über</a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://wiki.natenom.de/ target=_blank rel="noopener noreferrer">Wiki</a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://natenom.de/blogroll/>Blogroll</a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://kagube.de/ target=_blank rel="noopener noreferrer">Blog vom kleinen 🐘</a></li></ul><hr class=d-xxl-none><form class="search-bar ms-auto my-auto" action=/search/ novalidate><div class="input-group align-items-center"><span class="btn btn-search disabled position-absolute left-0 border-0 px-1"><i class="fas fa-fw fa-search fa-lg"></i>
</span><input class="my-1 form-control border-white rounded-5 search-input bg-body" name=q type=search placeholder=Suchen aria-label=Search required>
<span class="search-shortcut position-absolute end-0 top-0 me-2"><kbd class="text-dark bg-white opacity-75 rounded-3 shadow border border-primary py-1 fw-bold">/</kbd></span></div></form><hr class=d-xxl-none><ul class="navbar-nav flex-row flex-wrap align-items-center ms-md-auto"><li class="nav-item py-2 py-xxl-1 col-12 col-xxl-auto"><nav class="social-links nav justify-content-center flex-row"><a class="nav-link social-link col-6 col-xxl-auto p-1" target=_blank href=https://digitalcourage.social/@natenom title=Mastodon rel=me><i class="fa-fw fab fa-mastodon"></i>
<span class="ms-1 d-xxl-none">Mastodon</span>
</a><a class="nav-link social-link col-6 col-xxl-auto p-1" target=_blank href=/index.xml title=RSS rel=me><i class="fas fa-fw fa-rss"></i>
<span class="ms-1 d-xxl-none">RSS</span></a></nav></li><li class="nav-item py-2 py-xxl-1 col-12 col-xxl-auto"><div class="vr d-none d-xxl-flex h-100 mx-xxl-2 text-white"></div><hr class="d-xxl-none my-2"></li><li class="nav-item dropdown col-6 col-xxl-auto"><a class="nav-link px-0 py-2 px-xxl-1" href=# id=fontSizeDropdown role=button data-bs-toggle=dropdown aria-expanded=false><i class="fas fa-fw fa-font"></i>
<span class=d-xxl-none>Schriftgröße</span></a><ul class="font-size-dropdown-menu dropdown-menu dropdown-menu-end" aria-labelledby=fontSizeDropdown><li><button class="font-size-item dropdown-item" data-size=xs>
Extra klein</button></li><li><button class="font-size-item dropdown-item" data-size=sm>
Klein</button></li><li><button class="font-size-item dropdown-item active" data-size=md>
Mittel</button></li><li><button class="font-size-item dropdown-item" data-size=lg>
Groß</button></li><li><button class="font-size-item dropdown-item" data-size=xl>
Extra groß</button></li></ul></li><li class="nav-item dropdown col-6 col-xxl-auto"><a class="nav-link px-0 py-2 px-xxl-1" href=# id=paletteDropdown role=button data-bs-toggle=dropdown aria-expanded=false><i class="fas fa-fw fa-palette"></i>
<span class=d-xxl-none>Palette</span></a><ul class="palette-dropdown-menu dropdown-menu dropdown-menu-end px-2 row g-2" aria-labelledby=paletteDropdown><li class="col-4 my-1"><a role=button id=palette-blue aria-label=Blau class="btn btn-sm w-100 palette text-bg-blue" data-palette=blue></a></li><li class="col-4 my-1"><a role=button id=palette-blue-gray aria-label=Blaugrau class="btn btn-sm w-100 palette text-bg-blue-gray" data-palette=blue-gray></a></li><li class="col-4 my-1"><a role=button id=palette-brown aria-label=Braun class="btn btn-sm w-100 palette text-bg-brown" data-palette=brown></a></li><li class="col-4 my-1"><a role=button id=palette-cyan aria-label=Cyan class="btn btn-sm w-100 palette text-bg-cyan" data-palette=cyan></a></li><li class="col-4 my-1"><a role=button id=palette-green aria-label=Grün class="btn btn-sm w-100 palette text-bg-green" data-palette=green></a></li><li class="col-4 my-1"><a role=button id=palette-indigo aria-label=Indigo class="btn btn-sm w-100 palette text-bg-indigo" data-palette=indigo></a></li><li class="col-4 my-1"><a role=button id=palette-orange aria-label=Orange class="btn btn-sm w-100 palette text-bg-orange" data-palette=orange></a></li><li class="col-4 my-1"><a role=button id=palette-pink aria-label=Rosa class="btn btn-sm w-100 palette text-bg-pink" data-palette=pink></a></li><li class="col-4 my-1"><a role=button id=palette-purple aria-label=Purpur class="btn btn-sm w-100 palette text-bg-purple" data-palette=purple></a></li><li class="col-4 my-1"><a role=button id=palette-red aria-label=Rot class="btn btn-sm w-100 palette text-bg-red" data-palette=red></a></li><li class="col-4 my-1"><a role=button id=palette-teal aria-label=Teal class="btn btn-sm w-100 palette text-bg-teal" data-palette=teal></a></li><li class="col-4 my-1"><a role=button id=palette-yellow aria-label=Gelb class="btn btn-sm w-100 palette text-bg-yellow" data-palette=yellow></a></li></ul></li><li class="nav-item dropdown col-6 col-xxl-auto"><a class="nav-link px-0 py-2 px-xxl-1" href=# id=modeDropdown role=button data-bs-toggle=dropdown aria-expanded=false><i class="mode-icon fas fa-fw fa-adjust" id=modeIcon></i>
<span class=d-xxl-none>Modus</span></a><ul class="mode-dropdown-menu dropdown-menu dropdown-menu-end" aria-labelledby=modeDropdown><li class=mode-item data-color-mode=light data-icon=sun><button class=dropdown-item>
<i class="mode-icon fas fa-fw fa-sun"></i> Hell</button></li><li class=mode-item data-color-mode=dark data-icon=moon><button class=dropdown-item>
<i class="mode-icon fas fa-fw fa-moon"></i> Dunkel</button></li><li class="mode-item active" data-color-mode=auto data-icon=adjust><button class=dropdown-item>
<i class="mode-icon fas fa-fw fa-adjust"></i> Auto</button></li></ul></li></ul></div></div><div class=d-flex><button class="navbar-toggler order-5 border-0" type=button data-bs-toggle=offcanvas data-bs-target=#navbarMenus aria-controls=navbarMenus aria-expanded=false aria-label="Toggle navigation">
<i class="fas fa-ellipsis-h"></i></button></div></div></nav></header><main class=container><div class="row content"><noscript><div class="alert alert-danger" role=alert>Dein Browser unterstützt kein JavaScript.</div></noscript><div class=col-xxl-8><div class=container><nav class="row card component" aria-label=breadcrumb><div class="card-body pb-0"><ol class="hbs-breadcrumb breadcrumb flex-nowrap"><li class="breadcrumb-item text-surface"><a href=/>Blog</a></li><li class="breadcrumb-item text-surface"><a href=/posts/>Posts</a></li><li class="breadcrumb-item active">Änderungen an Blog und Wiki</li></ol></div></nav><div class="post-panel-wrapper position-relative d-flex justify-content-center"><div class="d-flex flex-row justify-content-center rounded-5 border post-panel position-fixed px-3 py-1 surface shadow-1"><a class="action action-toc d-none d-xxl-block" href=#postTOC role=button title=Inhaltsverzeichnis><i class="fas fa-fw fa-list-alt"></i>
</a><a class="action action-toc d-block d-xxl-none" href=#post-toc-container role=button title=Inhaltsverzeichnis><i class="fas fa-fw fa-list-alt"></i>
</a><a class="action action-post-comments" href=#post-comments role=button aria-label=Comments title=Kommentare><i class="fas fa-fw fa-comments"></i>
</a><a id=sidebarToggler class="action action-sidebar-toggler d-none d-xxl-block" role=button title><i class="fas fa-fw fa-expand-alt" data-fa-transform=rotate-45></i></a></div></div><article class="row card component mb-4 post"><div class=card-header><h1 class="card-title post-title my-2">Änderungen an Blog und Wiki</h1></div><div class=card-body><div class="post-meta mb-3"><span class="post-date me-1 mb-1" title="Erstellt am 2022-03-29 16:34:20 +0200 CEST.">Dienstag, 29. März 2022</span><span class="post-reading-time me-1 mb-1">5 Min. Lesezeit</span><a href=/categories/web/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-category">
<i class="fas fa-fw fa-folder me-1"></i>Web</a><a href=/tags/blog/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Blog</a><a href=/tags/hugo/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Hugo</a><a href=/tags/natenom/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Natenom</a><a href=/tags/web/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Web</a><a href=/tags/wiki/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Wiki</a></div><picture class="d-flex justify-content-center"><source srcset=/2022/03/aenderungen-an-blog-und-wiki/cover-feature_hu54237ad421d428c942ea7399017dd162_169596_0x270_resize_catmullrom_3.png type=image/png media="(max-width: 576px)" width=520 height=270><img class="post-featured-img h-auto w-auto mb-3" alt="Änderungen an Blog und Wiki" src=/2022/03/aenderungen-an-blog-und-wiki/cover-feature_hu54237ad421d428c942ea7399017dd162_169596_0x480_resize_catmullrom_3.png width=924 height=480 data-src=/2022/03/aenderungen-an-blog-und-wiki/cover-feature.png></picture><p class="lead mb-3 text-body-emphasis">Eine Liste der Änderungen und Neuerungen in meinem Blog und in meinem Wiki.</p><div id=postTOC class=toc-details><details open><summary>Inhaltsverzeichnis</summary><nav id=TableOfContents><ul><li><a href=#wiki>Wiki</a><ul><li><a href=#git-info>Git Info</a></li><li><a href=#git-vergangenheit>Git-Vergangenheit</a></li><li><a href=#suche>Suche</a></li></ul></li><li><a href=#blog>Blog</a><ul><li><a href=#logo-in-klein>Logo in klein</a></li><li><a href=#git-info-1>Git Info</a></li><li><a href=#teilen-buttons-ins-panel>Teilen-Buttons ins Panel</a></li><li><a href=#updates-fürs-das-theme>Updates fürs das Theme</a><ul><li><a href=#position-des-inhaltsverzeichnisses>Position des Inhaltsverzeichnisses</a></li><li><a href=#was-wird-zum-featured-image>Was wird zum Featured Image?</a></li><li><a href=#neue-formate-werden-genutzt>Neue Formate werden genutzt</a></li></ul></li></ul></li></ul></nav></details></div><div class="post-content mb-3" data-bs-spy=scroll data-bs-target=#TableOfContents tabindex=0><div id=post-content-body><p>Ich habe wieder ein paar Dinge im <a href=#wiki>Wiki</a> und auch im <a href=#blog>Blog</a> verändert.</p><h2 id=wiki data-numberify>Wiki<a class="anchor ms-1" href=#wiki></a></h2><p>Änderungen im Wiki.</p><h3 id=git-info data-numberify>Git Info<a class="anchor ms-1" href=#git-info></a></h3><p><a class=urlextern href=https://gohugo.io/variables/git/>Git Info</a> aktiviert, sodass man verschiedene Daten aus Git in Seiten des Wikis einbinden kann.</p><p>Ich habe es so eingestellt, dass unten auf jeder Seite angezeigt wird, wann die Seite das letzte Mal durch wen verändert wurde, wie die Commit-Beschreibung war und dazu die kurze Commit ID.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-wiki-letzte-aenderung.png><img alt src=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-wiki-letzte-aenderung.png title="Neue Informationen im Wiki auf jeder Seite." width=532 height=62 loading=lazy></picture><figcaption>Neue Informationen im Wiki auf jeder Seite.</figcaption></figure><p></p><p>Ich habe die Datei <code>themes/docsy/layouts/partials/page-meta-lastmod.html</code> nach <code>layouts/partials/</code> kopiert und wie folgt verändert:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-jinja data-lang=jinja><span style=display:flex><span><span style=color:#75715e>{{</span> <span style=color:#66d9ef>if</span> .GitInfo -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span>&lt;div class=&#34;text-muted mt-5 pt-3 border-top&#34;&gt;
</span></span><span style=display:flex><span> &lt;small&gt;<span style=color:#75715e>{{</span> T <span style=color:#e6db74>&#34;post_last_mod&#34;</span> <span style=color:#75715e>}}</span> <span style=color:#75715e>{{</span> .Lastmod.Local <span style=color:#75715e>}}</span> durch <span style=color:#75715e>{{</span> .GitInfo.AuthorName <span style=color:#75715e>}}</span> (<span style=color:#75715e>{{</span> .GitInfo.Subject <span style=color:#75715e>}}</span>, <span style=color:#75715e>{{</span> .GitInfo.AbbreviatedHash <span style=color:#75715e>}}</span>)&lt;/small&gt;
</span></span><span style=display:flex><span>&lt;/div&gt;
</span></span><span style=display:flex><span><span style=color:#75715e>{{</span> end -<span style=color:#75715e>}}</span></span></span></code></pre></div><p>So ähnlich will ich das später auch noch im Blog machen.</p><h3 id=git-vergangenheit data-numberify>Git-Vergangenheit<a class="anchor ms-1" href=#git-vergangenheit></a></h3><p>Ich habe die Git History gelöscht und ein frisches Repo für das Wiki begonnen, sodass ich das Wiki irgendwann in ein öffentliches Repo z. B. auf Github stellen können werde.</p><h3 id=suche data-numberify>Suche<a class="anchor ms-1" href=#suche></a></h3><p>Ich habe bemerkt, dass man Übersichtsseiten, also jene <code>_index.md</code> nicht in der Suche finden konnte, da sie nicht in der Datei <code>index.json</code> enthalten waren.</p><p>Deshalb habe ich in der Datei <code>layouts/_default/index.json</code> (<a href=/2022/03/mein-neues-wiki-mit-hugo-neue-suche-und-andere-optimierungen/#zu-erstellende-dateien-und-verzeichnisse>siehe hier</a>) <code>range .Site.RegularPages</code> durch <code>range .Site.Pages</code> ersetzt.</p><p>Jetzt findet man zwar auch Seiten einzelner <code>tags</code>, aber das ist mir lieber, als die Übersichtsseiten nicht zu finden.</p><h2 id=blog data-numberify>Blog<a class="anchor ms-1" href=#blog></a></h2><h3 id=logo-in-klein data-numberify>Logo in klein<a class="anchor ms-1" href=#logo-in-klein></a></h3><p>Seit einer neueren Version des Themes ist es möglich, für das Logo, das oben in der Leiste angezeigt wird, eine passend kleine Variante zu nutzen. Davor wurde das selbe Bild benutzt, das auch der Default für twitter:image und og:image war. Im Fall des Blogs wurd deshalb ein 800x800 Pixel großes Bild genutzt und in 26x26 Pixel angezeigt.</p><p>Jetzt sieht es in der <code>config.toml</code> so aus:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-toml data-lang=toml><span style=display:flex><span>[<span style=color:#a6e22e>params</span>]
</span></span><span style=display:flex><span><span style=color:#a6e22e>logo</span> = <span style=color:#e6db74>&#34;/images/logo-natenom-40x40.png&#34;</span> <span style=color:#75715e># small log (26x26 top bar)</span>
</span></span><span style=display:flex><span><span style=color:#a6e22e>images</span> = [ <span style=color:#e6db74>&#34;/images/logo-natenom-800x800.png&#34;</span> ] <span style=color:#75715e>#large logo for twitter:image and og:iamge</span></span></span></code></pre></div><h3 id=git-info-1 data-numberify>Git Info<a class="anchor ms-1" href=#git-info-1></a></h3><p>Auch hier habe ich Git Info aktiviert und dadurch wird neben dem Veröffentlichungsdatum auch das Datum der letzten Aktualisierung angezeigt. Zum Datum wurde auch die Uhrzeit hinzugefügt.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-aktualisiert-info.png><img alt src=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-aktualisiert-info.png title width=531 height=41 loading=lazy></picture><figcaption></figcaption></figure><p></p><p>Hierzu habe ich die Datei <code>themes/hugo-theme-bootstrap/layouts/partials/post/meta.html</code> nach <code>layouts/partials/post/</code> kopiert und wie folgt gändert:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-jinja data-lang=jinja><span style=display:flex><span>&lt;div class=&#34;post-meta&#34;&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> <span style=color:#66d9ef>if</span> default .Site.Params.postDate .Params.postDate -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> <span style=color:#960050;background-color:#1e0010>$</span>dateParams <span style=color:#f92672>:=</span> dict <span style=color:#e6db74>&#34;createdOn&#34;</span> .Date.Local -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span> <span style=color:#66d9ef>if</span> gt .Lastmod .Date <span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> <span style=color:#960050;background-color:#1e0010>$</span>dateParams <span style=color:#f92672>=</span> merge <span style=color:#960050;background-color:#1e0010>$</span>dateParams <span style=color:#f92672>(</span>dict <span style=color:#e6db74>&#34;updatedOn&#34;</span> .Lastmod.Local<span style=color:#f92672>)</span> -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span> end <span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;span class=&#34;post-date&#34; title=&#34;<span style=color:#75715e>{{</span> i18n <span style=color:#e6db74>&#34;post_date&#34;</span> <span style=color:#960050;background-color:#1e0010>$</span>dateParams <span style=color:#75715e>}}</span>&#34;&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span> .Date <span style=color:#f92672>|</span> <span style=color:#a6e22e>time</span>.Format <span style=color:#960050;background-color:#1e0010>$</span>.Site.Params.dateFormat <span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span> <span style=color:#66d9ef>if</span> <span style=color:#f92672>(</span>gt .Lastmod .Date<span style=color:#f92672>)</span> <span style=color:#75715e>}}</span>&lt;small&gt; (Updated: <span style=color:#75715e>{{</span> .Lastmod <span style=color:#f92672>|</span> <span style=color:#a6e22e>time</span>.Format <span style=color:#960050;background-color:#1e0010>$</span>.Site.Params.dateFormat <span style=color:#75715e>}}</span>)&lt;/small&gt;<span style=color:#75715e>{{</span> end <span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;/span&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> end -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> <span style=color:#66d9ef>if</span> default .Site.Params.readingTime .Params.readingTime -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;span class=&#34;post-reading-time&#34;&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span> i18n <span style=color:#e6db74>&#34;reading_time&#34;</span> <span style=color:#960050;background-color:#1e0010>.</span> <span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;/span&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> end -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;span class=&#34;post-taxonomies&#34;&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> range <span style=color:#960050;background-color:#1e0010>$</span>key<span style=color:#f92672>,</span> <span style=color:#960050;background-color:#1e0010>$</span>value <span style=color:#f92672>:=</span> .Site.Taxonomies -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> range <span style=color:#f92672>(</span><span style=color:#960050;background-color:#1e0010>$</span>.GetTerms <span style=color:#960050;background-color:#1e0010>$</span>key<span style=color:#f92672>)</span> -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;a href=&#34;<span style=color:#75715e>{{</span> .Permalink <span style=color:#75715e>}}</span>&#34; class=&#34;badge post-taxonomy&#34;&gt;<span style=color:#75715e>{{</span> .Name <span style=color:#75715e>}}</span>&lt;/a&gt;
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> end -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> <span style=color:#75715e>{{</span><span style=color:#f92672>-</span> end -<span style=color:#75715e>}}</span>
</span></span><span style=display:flex><span> &lt;/span&gt;
</span></span><span style=display:flex><span>&lt;/div&gt;</span></span></code></pre></div><h3 id=teilen-buttons-ins-panel data-numberify>Teilen-Buttons ins Panel<a class="anchor ms-1" href=#teilen-buttons-ins-panel></a></h3><p>Die Teilen-Buttons für Twitter und Facebook habe ich aus dem Fließtext entfernt und in das Panel eingefügt.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-frueher.png><img alt src=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-frueher.png title width=177 height=133 loading=lazy></picture><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><picture><source type=image/webp srcset="/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt srcset="/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-share-icons-jetzt_hu38b07dd2d22e430f5624093c2d02aa0e_96451_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=181></picture><figcaption></figcaption></figure><p></p><p>Hierzu habe ich die Datei <code>themes/hugo-theme-bootstrap/layouts/partials/hooks/post-panel-end.html</code> nach <code>layouts/partials/hooks/</code> kopiert und wie folgt gändert:</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-html data-lang=html><span style=display:flex><span>&lt;<span style=color:#f92672>a</span> <span style=color:#a6e22e>class</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;action&#34;</span> <span style=color:#a6e22e>href</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;https://twitter.com/intent/tweet?title={{ .Title }}%20@natenom&amp;url={{ .Permalink | absURL }}&#34;</span> <span style=color:#a6e22e>role</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;button&#34;</span> <span style=color:#a6e22e>aria-label</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;Twitter Share&#34;</span> <span style=color:#a6e22e>title</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;Twitter Share&#34;</span>&gt;
</span></span><span style=display:flex><span> &lt;<span style=color:#f92672>i</span> <span style=color:#a6e22e>class</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;fab fa-fw fa-twitter&#34;</span>&gt;&lt;/<span style=color:#f92672>i</span>&gt;
</span></span><span style=display:flex><span>&lt;/<span style=color:#f92672>a</span>&gt;
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>&lt;<span style=color:#f92672>a</span> <span style=color:#a6e22e>class</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;action&#34;</span> <span style=color:#a6e22e>href</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;https://www.facebook.com/sharer/sharer.php?u={{ .Permalink | absURL }}&#34;</span> <span style=color:#a6e22e>role</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;button&#34;</span> <span style=color:#a6e22e>aria-label</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;Facebook Share&#34;</span> <span style=color:#a6e22e>title</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;Facebook Share&#34;</span>&gt;
</span></span><span style=display:flex><span> &lt;<span style=color:#f92672>i</span> <span style=color:#a6e22e>class</span><span style=color:#f92672>=</span><span style=color:#e6db74>&#34;fab fa-fw fa-facebook-f&#34;</span>&gt;&lt;/<span style=color:#f92672>i</span>&gt;
</span></span><span style=display:flex><span>&lt;/<span style=color:#f92672>a</span>&gt;</span></span></code></pre></div><h3 id=updates-fürs-das-theme data-numberify>Updates fürs das Theme<a class="anchor ms-1" href=#updates-fürs-das-theme></a></h3><p>Auch das Theme hugo-theme-bootstrap, das hier im Blog verwendet wird, wurde heute aktualisiert und das sind die Neuerungen.</p><h4 id=position-des-inhaltsverzeichnisses data-numberify>Position des Inhaltsverzeichnisses<a class="anchor ms-1" href=#position-des-inhaltsverzeichnisses></a></h4><p>Bisher gab es das Problem, dass in der mobilen Ansicht des Themes das Inhaltsverzeichnis immer am Ende der gesamten Seite angezeigt wurde. Damit hatte man faktisch gar kein Inhaltsverzeichnis.</p><p>Jetzt gibt es den für die <code>config.toml</code> im Bereich <code>params</code> einen neuen Parameter:</p><pre><code>[params]
tocPosition = &quot;content&quot;
</code></pre><p>Damit wird das Inhaltsverzeichnis innerhalb des Beitrags statt in der Leiste rechts angezeigt.</p><p>Hier ohne den Parameter:</p><p></p><figure class=image-caption><a href=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content.png><picture><source type=image/webp srcset="/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt="Inhaltsverzeichnis befindet sich rechts in der Seitenleiste." srcset="/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-outside-content_hu54237ad421d428c942ea7399017dd162_169596_816x0_resize_q95_h2_catmullrom_3.webp title="Ohne Parameter" loading=lazy width=816 height=424></picture></a><figcaption>Ohne Parameter</figcaption></figure><p></p><p>Und hier mit Parameter:</p><p></p><figure class=image-caption><a href=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content.png><picture><source type=image/webp srcset="/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt="Inhaltsverzeichnis befindet sich über dem Inhalt." srcset="/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/03/aenderungen-an-blog-und-wiki/images/2022-03-29-toc-inside-content_hu14728eecead437937119ffbd2f48759a_129437_816x0_resize_q95_h2_catmullrom_3.webp title="Mit Parameter" loading=lazy width=816 height=424></picture></a><figcaption>Mit Parameter</figcaption></figure><p></p><p>Ich belasse das erst einmal so wie es früher war, also ohne Parameter, da es mir so nicht gefällt. Vielleicht werde ich versuchen, das so zu gestalten, dass die Schrift kleiner ist, die &ldquo;Box&rdquo; rechtsbündig &ldquo;schwebt&rdquo; und mit <code>details</code>-Tag einklappbar wird.</p><h4 id=was-wird-zum-featured-image data-numberify>Was wird zum Featured Image?<a class="anchor ms-1" href=#was-wird-zum-featured-image></a></h4><p>Erst vor ein paar Tagen wurde im Theme implementiert, dass das Artikelbild auf oben in <a href=/2022/03/update-bootstrap-theme-hier-im-blog/#beitragsbilder-auch-auf-beitragsseite>einem Blogbeitrag angezeigt wird</a>. Dabei wurde das selbe Bild verwendet, das auch als Vorschaubild in der Liste der Beiträge verwendet wurde.</p><p>Dies wurde nun geändert. Es wird nur noch ein Bild verwendet, das im Dateinamen den Teilstring <code>feature</code> beinhaltet.</p><p>Was mir daran nicht gefällt:</p><ul><li>Erst einmal sind wieder alle Blogbeiträge ohne Beitragsbild (in der Liste der Beiträge natürlich weiterhin mit Bild).</li><li>Angenommen, man benutzt als Beitragsbild eines, das schon im Blogbeitrag selbst benutzt wurde. Dann muss man dieses kopieren und im Dateinamen <code>cover</code> hinzufügen. Dann muss man es erneut kopieren und in den Dateinamen <code>feature</code> hinzufügen. Man hat die selbe Datei insgesamt drei mal im Blogbeitrag.</li></ul><p>Was mir daran gefällt:</p><ul><li>Man kann gezielt steuern, in welchen Beiträgen es ein großes Beitragsbild geben soll.</li></ul><div class="shortcode-notice tipp"><div class="shortcode-notice-title tipp">Tipp</div><div class=notice-content>Man könnte eine Datei auch einfach z. B. <code>foto-feature-cover.jpg</code> benennen und könnte damit das alte Verhalten wieder zurück bekommen. Oder den <a class=urlextern href=https://github.com/razonyang/hugo-theme-bootstrap/commit/97e96ecc1ef29fc8220102528ab1b5e2f7966b5e>Commit</a> rückgängig machen oder die alte Datei ins im eigenen <code>partials</code>-Verzeichnis einfügen und damit das Original überlagern.</div></div><h4 id=neue-formate-werden-genutzt data-numberify>Neue Formate werden genutzt<a class="anchor ms-1" href=#neue-formate-werden-genutzt></a></h4><p>Es werden jetzt auch Bilder in den Formaten <code>avif</code>, <code>webp</code> und <code>jxl</code> genutzt, wenn diese als <code>*featured*</code>-Datei vorliegen oder im Parameter <code>images:</code> hinterlegt sind. (<a class=urlextern href=https://github.com/razonyang/hugo-theme-bootstrap/commit/7af2df3e374c8e46999008f6ea86d6ceefffb508>Commit</a>)</p></div></div></div><div class=card-footer><div class="post-navs d-flex justify-content-evenly"><div class="post-nav post-prev"><i class="fas fa-fw fa-chevron-down post-prev-icon me-1" data-fa-transform=rotate-90></i>
<a href=/2022/03/update-bootstrap-theme-hier-im-blog/>Update für das hier verwendete Theme</a></div><div class="post-nav post-next"><a href=/2022/03/linkdump-5-2022/>Linkdump 5/2022</a>
<i class="fas fa-fw fa-chevron-down post-next-icon ms-1" data-fa-transform=rotate-270></i></div></div></div></article><section class="related-posts row card component"><div class=card-header><h2 class="card-title fs-4 my-2 text-surface">Ähnliche Beiträge</h2></div><div class=card-body><ul class="post-list list-styled"><li><a href=https://natenom.de/2022/03/mein-neues-wiki-mit-hugo-neue-suche-und-andere-optimierungen/>Mein neues Wiki mit Hugo – Neue Suche und andere Optimierungen</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/>Umzug von DokuWiki nach Hugo – Teil 4 – Einrichten und fertig</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-3-einrichtung/>Umzug von DokuWiki nach Hugo – Teil 3 – Einrichtung des neuen Wikis</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-2-pandoc/>Umzug von DokuWiki nach Hugo – Teil 2 – Export mit Pandoc</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-1-vorarbeiten/>Umzug von DokuWiki nach Hugo – Teil 1 – Vorarbeiten</a></li><li><a href=https://natenom.de/2022/02/aenderungen-blog-hoehere-aufloesung-hovereffekt/>Änderungen im Blog – Bessere Auflösung in den Galerien</a></li><li><a href=https://natenom.de/2022/02/bleibt-alles-wie-es-ist-fast/>Es bleibt alles wie es ist – fast</a></li><li><a href=https://natenom.de/2014/06/nochmal-veraenderungen-beim-domainzeugs/>Nochmal Veränderungen beim Domainzeugs…</a></li><li><a href=https://natenom.de/2022/03/update-bootstrap-theme-hier-im-blog/>Update für das hier verwendete Theme</a></li><li><a href=https://natenom.de/2022/03/interwiki-links-richtig-implementiert/>Interwiki-Links für Hugo richtig implementiert</a></li></ul></div></section><div class="card component row post-comments" id=post-comments><div class=card-header><h2 class="card-title my-2 fs-4 text-surface">Kommentare</h2></div><div class=card-body><p>Bisher gibt es hier keine Kommentare.</p><p><details class="mastodon-comments email"><summary class="mastodon-comments email-summary">Kommentar oder Anmerkung für diesen Blogbeitrag</summary><div class="mastodon-comments emailcontent"><p>Öffentlicher Kommentar per E-Mail: <a href='mailto:natenom@posteo.de?subject=Kommentar zum Blogbeitrag: %c3%84nderungen%20an%20Blog%20und%20Wiki&body=Hallo Natenom, %0D%0A%0D%0Azu diesem Blogbeitrag habe ich einen Kommentar:%0D%0A%0D%0AMein Name (optional):%0D%0AMeine Website (optional):%0D%0AIch beziehe mich speziell auf den Kommentar mit der ID:%0D%0A%0D%0AURL zum Blogbeitrag: https%3a%2f%2fnatenom.de%2f2022%2f03%2faenderungen-an-blog-und-wiki%2f'>Hier klicken</a></p><p>Nicht öffentliche Anmerkung per E-Mail: <a href='mailto:natenom@posteo.de?subject=Persönliche Anmerkung zum Blogbeitrag: %c3%84nderungen%20an%20Blog%20und%20Wiki&body=Hallo Natenom,%0D%0A%0D%0Azu diesem Blogbeitrag habe ich eine persönliche, nicht zu veröffentlichende Anmerkung:%0D%0A%0D%0AURL zum Blogbeitrag: https%3a%2f%2fnatenom.de%2f2022%2f03%2faenderungen-an-blog-und-wiki%2f'>Hier klicken</a></p></p><p>Sonstige Kontaktaufnahme: <a href=/natenom/>Kontakt</a></p></div></details></p></div></div></div></div><aside class="col-xxl-4 sidebar d-flex"><div class="container d-flex flex-column"><div class="accordion profile"><div class="accordion-item card row text-center component"><div class="accordion-header card-header border-0" id=profile-header><a class="accordion-button d-lg-none mb-2 shadow-none p-0 bg-transparent text-surface collapsed" role=button data-bs-toggle=collapse href=#profile aria-expanded=false aria-controls=profile>Profil</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=profile aria-labelledby=profile-header><div class="col-12 d-flex align-items-center justify-content-center"><picture><img class="profile-avatar rounded-circle" alt=Natenom src=https://natenom.de/images/logo-natenom-circle-150x150.png loading=lazy data-viewer-invisible width=150 height=150></picture></div><div class="col-12 profile-meta"><div class="profile-name fw-fold fs-lg">Natenom</div><div class=profile-bio>Verkehrswende, Fahrrad, CriticalMass, OpenBikeSensor, SimRa, OpenSource, Minimalist, OpenStreetMap, Müllsammeln, Malen, Zeichnen</div><a class=profile-about target=_blank rel="noopener noreferrer" href=/natenom/><i class="fas fa-fw fa-user"></i>Über mich</a></div></div></div></div><div class="accordion recent-posts"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block">Neueste Beiträge</h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent collapsed" role=button data-bs-toggle=collapse href=#recent-posts aria-expanded=false aria-controls=recent-posts>Neueste Beiträge</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=recent-posts><ul class="post-list list-unstyled ms-1"><li class=mb-2><a href=/2024/01/mal-wieder-einen-personalausweis-gefunden/>Mal wieder einen Personalausweis gefunden</a></li><li class=mb-2><a href=/2024/01/ueberfordert-im-eigenen-auto/>Überfordert im eigenen Auto</a></li><li class=mb-2><a href=/2024/01/was-damals-bei-kugelmaeusen-geholfen-hat-hilft-auch-bei-solchen-mit-laser/>Was damals bei Kugelmäusen geholfen hat, hilft auch bei solchen mit Laser</a></li><li class=mb-2><a href=/2024/01/haltbarkeit-meiner-ersten-barfussschuhe/>Haltbarkeit meiner ersten Barfußschuhe</a></li><li class=mb-2><a href=/2024/01/link-strassenlaerm/>Link(s): Straßenlärm</a></li><li class=mb-2><a href=/2024/01/simpletools-apps-fuer-android-daten-sammeln-oder-bezahlen-wechsel-zum-fork-fossify/>SimpleTools Apps: Daten sammeln oder bezahlen – Wechselt zum Fork Fossify</a></li><li class=mb-2><a href=/2024/01/dateinamen-mit-emojies-in-telescope-in-neovim/>Dateinamen mit Emojies in Telescope in NeoVim</a></li><li class=mb-2><a href=/2024/01/capslock-als-esc-verwenden--ein-traum-fuer-neovim/>Capslock als Esc verwenden – Ein Traum für NeoVim</a></li></ul></div></section></div><div class="accordion categories-taxonomies"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block"><a href=https://natenom.de/categories>Kategorien</a></h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent text-surface collapsed" role=button data-bs-toggle=collapse href=#taxonomy-categories aria-expanded=false aria-controls=taxonomy-categories>Kategorien</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=taxonomy-categories><div class=py-2><a href=/categories/mobilit%C3%A4t/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Mobilität>Mobilität
<span class="badge badge-sm text-secondary bg-white ms-1">450</span>
</a><a href=/categories/fotografie/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Fotografie>Fotografie
<span class="badge badge-sm text-secondary bg-white ms-1">328</span>
</a><a href=/categories/diverses/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Diverses>Diverses
<span class="badge badge-sm text-secondary bg-white ms-1">242</span>
</a><a href=/categories/web/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Web>Web
<span class="badge badge-sm text-secondary bg-white ms-1">200</span>
</a><a href=/categories/linux/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Linux>Linux
<span class="badge badge-sm text-secondary bg-white ms-1">135</span>
</a><a href=/categories/android/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Android>Android
<span class="badge badge-sm text-secondary bg-white ms-1">68</span>
</a><a href=/categories/linkdump/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Linkdump>Linkdump
<span class="badge badge-sm text-secondary bg-white ms-1">42</span>
</a><a href=/categories/mumble/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Mumble>Mumble
<span class="badge badge-sm text-secondary bg-white ms-1">16</span>
</a><a href=/categories/navesima/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=NavesiMa>NavesiMa
<span class="badge badge-sm text-secondary bg-white ms-1">9</span>
</a><a href=/categories/links/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Links>Links
<span class="badge badge-sm text-secondary bg-white ms-1">2</span></a></div></div></section></div><div class="accordion tags-taxonomies"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block"><a href=https://natenom.de/tags>Tags</a></h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent text-surface collapsed" role=button data-bs-toggle=collapse href=#taxonomy-tags aria-expanded=false aria-controls=taxonomy-tags>Tags</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=taxonomy-tags><div class=py-2><a href=/tags/fahrrad/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Fahrrad>Fahrrad
<span class="badge badge-sm text-secondary bg-white ms-1">557</span>
</a><a href=/tags/fotos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Fotos>Fotos
<span class="badge badge-sm text-secondary bg-white ms-1">410</span>
</a><a href=/tags/mobilit%C3%A4t/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Mobilität>Mobilität
<span class="badge badge-sm text-secondary bg-white ms-1">380</span>
</a><a href=/tags/pforzheim/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Pforzheim>Pforzheim
<span class="badge badge-sm text-secondary bg-white ms-1">263</span>
</a><a href=/tags/open-source/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title="Open Source">Open Source
<span class="badge badge-sm text-secondary bg-white ms-1">237</span>
</a><a href=/tags/natur/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Natur>Natur
<span class="badge badge-sm text-secondary bg-white ms-1">208</span>
</a><a href=/tags/linux/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Linux>Linux
<span class="badge badge-sm text-secondary bg-white ms-1">161</span>
</a><a href=/tags/autos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Autos>Autos
<span class="badge badge-sm text-secondary bg-white ms-1">131</span>
</a><a href=/tags/enzkreis/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Enzkreis>Enzkreis
<span class="badge badge-sm text-secondary bg-white ms-1">115</span>
</a><a href=/tags/statistiken/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Statistiken>Statistiken
<span class="badge badge-sm text-secondary bg-white ms-1">110</span>
</a><a href=/tags/hardware/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Hardware>Hardware
<span class="badge badge-sm text-secondary bg-white ms-1">107</span>
</a><a href=/tags/web/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Web>Web
<span class="badge badge-sm text-secondary bg-white ms-1">107</span>
</a><a href=/tags/android/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Android>Android
<span class="badge badge-sm text-secondary bg-white ms-1">98</span>
</a><a href=/tags/hugo/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Hugo>Hugo
<span class="badge badge-sm text-secondary bg-white ms-1">89</span>
</a><a href=/tags/m%C3%BCll/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Müll>Müll
<span class="badge badge-sm text-secondary bg-white ms-1">89</span>
</a><a href=/tags/sicherheit/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Sicherheit>Sicherheit
<span class="badge badge-sm text-secondary bg-white ms-1">88</span>
</a><a href=/tags/blog/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Blog>Blog
<span class="badge badge-sm text-secondary bg-white ms-1">87</span>
</a><a href=/tags/m%C3%BCllsammeln/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Müllsammeln>Müllsammeln
<span class="badge badge-sm text-secondary bg-white ms-1">86</span>
</a><a href=/tags/politik/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Politik>Politik
<span class="badge badge-sm text-secondary bg-white ms-1">86</span>
</a><a href=/tags/polizei/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Polizei>Polizei
<span class="badge badge-sm text-secondary bg-white ms-1">76</span>
</a><a href=/tags/strecke/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Strecke>Strecke
<span class="badge badge-sm text-secondary bg-white ms-1">75</span>
</a><a href=/tags/abstand/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Abstand>Abstand
<span class="badge badge-sm text-secondary bg-white ms-1">74</span>
</a><a href=/tags/landschaften/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Landschaften>Landschaften
<span class="badge badge-sm text-secondary bg-white ms-1">74</span>
</a><a href=/tags/w%C3%A4lder/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Wälder>Wälder
<span class="badge badge-sm text-secondary bg-white ms-1">68</span>
</a><a href=/tags/wordpress/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=WordPress>WordPress
<span class="badge badge-sm text-secondary bg-white ms-1">64</span>
</a><a href=/tags/neuhausen/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Neuhausen>Neuhausen
<span class="badge badge-sm text-secondary bg-white ms-1">60</span>
</a><a href=/tags/apps/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Apps>Apps
<span class="badge badge-sm text-secondary bg-white ms-1">59</span>
</a><a href=/tags/videos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Videos>Videos
<span class="badge badge-sm text-secondary bg-white ms-1">59</span>
</a><a href=/tags/landstra%C3%9Fen/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Landstraßen>Landstraßen
<span class="badge badge-sm text-secondary bg-white ms-1">54</span>
</a><a href=/tags/makrofotos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Makrofotos>Makrofotos
<span class="badge badge-sm text-secondary bg-white ms-1">54</span>
</a><a href=https://natenom.de/tags class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=ALLE>ALLE
<span class="badge badge-sm text-secondary bg-white ms-1">816</span></a></div></div></section></div><div class="accordion archives"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block"><a href=/archiv/>Archiv</a></h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent collapsed" role=button data-bs-toggle=collapse href=#archives aria-expanded=false aria-controls=archives>Archiv</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=archives><a href=/archiv/2024/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2024>2024 <span class="badge badge-sm text-secondary bg-white ms-1">23</span>
</a><a href=/archiv/2023/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2023>2023 <span class="badge badge-sm text-secondary bg-white ms-1">147</span>
</a><a href=/archiv/2022/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2022>2022 <span class="badge badge-sm text-secondary bg-white ms-1">188</span>
</a><a href=/archiv/2021/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2021>2021 <span class="badge badge-sm text-secondary bg-white ms-1">111</span>
</a><a href=/archiv/2020/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2020>2020 <span class="badge badge-sm text-secondary bg-white ms-1">193</span>
</a><a href=/archiv/2019/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2019>2019 <span class="badge badge-sm text-secondary bg-white ms-1">118</span>
</a><a href=/archiv/2018/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2018>2018 <span class="badge badge-sm text-secondary bg-white ms-1">143</span>
</a><a href=/archiv/2017/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2017>2017 <span class="badge badge-sm text-secondary bg-white ms-1">163</span>
</a><a href=/archiv/2016/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2016>2016 <span class="badge badge-sm text-secondary bg-white ms-1">108</span>
</a><a href=/archiv/2015/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2015>2015 <span class="badge badge-sm text-secondary bg-white ms-1">85</span>
</a><a href=/archiv/2014/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2014>2014 <span class="badge badge-sm text-secondary bg-white ms-1">85</span>
</a><a href=/archiv/2013/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2013>2013 <span class="badge badge-sm text-secondary bg-white ms-1">56</span>
</a><a href=/archiv/2012/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2012>2012 <span class="badge badge-sm text-secondary bg-white ms-1">43</span>
</a><a href=/archiv/2011/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2011>2011 <span class="badge badge-sm text-secondary bg-white ms-1">36</span></a></div></section></div></div></aside></div></main><footer class="footer mt-auto py-3 text-center container"><div class="row text-center"><div class="col-12 mt-2"><p class=mb-2>Natenoms Blog</p><p class="text-secondary mb-2"><small>Mein Blog über verschiedene Themen, die mich über die Zeit beschäftigen. Derzeit sind dies: Verkehrswende, Mobilität, Fahrrad, Minimalismus, Fotografie, Malen, Zeichnen …</small></p><div class="copyright mb-2 text-secondary"><small></small></div><div class="powered-by mb-2 text-secondary"><small>Build with ❤️ from the <a class=text-primary href=https://gohugo.io target=_blank rel="noopener noreferrer">Hugo</a> and the <a class=text-primary href=https://github.com/razonyang/hugo-theme-bootstrap target=_blank rel="noopener noreferrer">HBS</a> theme.</small></div><nav class="social-links nav justify-content-center mb-2 mt-3"><a class="nav-link social-link p-0 me-1 mb-2" target=_blank href=/index.xml title=RSS rel=me><i class="fas fa-fw fa-2x fa-rss" style=color:#ea6221></i></a></nav></div><div class="col-12 col-lg-8 offset-0 offset-lg-1"></div></div><div class=natenom-footer><a href=/ueber/impressum/>Impressum</a> <a href=/ueber/datenschutz/>Datenschutz</a></div></footer><script data-precache src=/assets/main/bundle.min.b0a436c85b86c431bb1c0fdb2ade0445de95435dc453dc7f4f30acad2153b535.js integrity="sha256-sKQ2yFuGxDG7HA/bKt4ERd6VQ13EU9x/TzCsrSFTtTU=" crossorigin=anonymous async></script><script data-precache src=/assets/icons/bundle.min.691458a56c2eef480bec8d31c967801a416b6445459ae901fe213e7870a0dd83.js integrity="sha256-aRRYpWwu70gL7I0xyWeAGkFrZEVFmukB/iE+eHCg3YM=" crossorigin=anonymous defer></script></body></html>
Reference in a new issue View git blame Copy permalink