natenom-website-dump-2024-0.../natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/index.html
2024-02-01 17:43:06 +01:00

126 lines
No EOL
51 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>Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig - 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="Heute geht es weiter mit der Einrichtung meines neuen Wikis, das seit heute nachmittag bereits online ist."><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/cover.png"><meta name=twitter:title content="Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig"><meta name=twitter:description content="Heute geht es weiter mit der Einrichtung meines neuen Wikis, das seit heute nachmittag bereits online ist."><meta property="og:title" content="Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig"><meta property="og:description" content="Heute geht es weiter mit der Einrichtung meines neuen Wikis, das seit heute nachmittag bereits online ist."><meta property="og:type" content="article"><meta property="og:url" content="https://natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/"><meta property="og:image" content="https://natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/cover.png"><meta property="article:section" content="posts"><meta property="article:published_time" content="2022-03-20T15:09:47+01:00"><meta property="article:modified_time" content="2022-03-20T15:09:47+01:00"><meta itemprop=name content="Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig"><meta itemprop=description content="Heute geht es weiter mit der Einrichtung meines neuen Wikis, das seit heute nachmittag bereits online ist."><meta itemprop=datePublished content="2022-03-20T15:09:47+01:00"><meta itemprop=dateModified content="2022-03-20T15:09:47+01:00"><meta itemprop=wordCount content="1026"><meta itemprop=image content="https://natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/cover.png"><meta itemprop=keywords content="Natenom,Wiki,DokuWiki,Hugo,Web,Themes,Thema,Docsy,Nginx,Twitter,Open Graph,"><meta property="og:image:alt" content="Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig"><meta name=twitter:image:alt content="Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig"><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">Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig</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">Umzug von DokuWiki nach Hugo Teil 4 Einrichten und fertig</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-20 15:09:47 +0100 CET.">Sonntag, 20. 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/docsy/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Docsy</a><a href=/tags/dokuwiki/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">DokuWiki</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/nginx/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Nginx</a><a href=/tags/open-graph/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Open Graph</a><a href=/tags/thema/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Thema</a><a href=/tags/themes/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Themes</a><a href=/tags/twitter/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Twitter</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><div id=postTOC class=toc-details><details open><summary>Inhaltsverzeichnis</summary><nav id=TableOfContents><ul><li><a href=#zugriff-auf-informationen-von-git>Zugriff auf Informationen von Git</a><ul><li><a href=#letzte-bearbeitung-und-beschreibung>Letzte Bearbeitung und Beschreibung</a></li><li><a href=#links-zum-git-repo>Links zum Git-Repo</a></li></ul></li><li><a href=#feeds>Feeds</a></li><li><a href=#druckansicht>Druckansicht</a></li><li><a href=#startseite-meines-neuen-wikis>Startseite meines neuen Wikis</a></li><li><a href=#twitter-cards-und-open-graph>Twitter Cards und Open Graph</a></li><li><a href=#weiterleitungen>Weiterleitungen</a></li><li><a href=#informationen-für-menschen--so-wichtig>Informationen für Menschen So wichtig</a></li><li><a href=#altes-wiki--keine-änderungen>Altes Wiki &ldquo;keine Änderungen&rdquo;</a></li><li><a href=#todo>Todo</a></li><li><a href=#passt->Passt 🙂</a></li></ul></nav></details></div><div class="post-content mb-3" data-bs-spy=scroll data-bs-target=#TableOfContents tabindex=0><div id=post-summary><p>Heute geht es weiter mit der Einrichtung meines neuen Wikis, das seit heute nachmittag <a href=https://wiki.natenom.de/>bereits online ist</a>.</p></div><div id=post-content-body><h2 id=zugriff-auf-informationen-von-git data-numberify>Zugriff auf Informationen von Git<a class="anchor ms-1" href=#zugriff-auf-informationen-von-git></a></h2><p>Das Theme <code>docsy</code>, das ich für mein neues Wiki verwende, zeigt auf Wunsch und mit Hilfe von Git Zusatzinformationen an.</p><p>Zur Aktivierung trägt man die folgende Zeile in den Hauptbereich der Konfiguration in der <code>config.toml</code> ein:</p><pre><code>enableGitInfo = true
</code></pre><p>Ich werde das für meinen Blog erst aktivieren, wenn es ein öffentliches Repo für mein Wiki gibt.</p><h3 id=letzte-bearbeitung-und-beschreibung data-numberify>Letzte Bearbeitung und Beschreibung<a class="anchor ms-1" href=#letzte-bearbeitung-und-beschreibung></a></h3><p>Wenn Git aktiviert ist, wird automatisch unter jeder Seite das Datum der letzten Bearbeitung angezeigt, dazu die Commit-ID und die Commit-Beschreibung.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-19-screenshot-wiki.natenom.com-letzte-bearbeitung-git.png><img alt src=/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-19-screenshot-wiki.natenom.com-letzte-bearbeitung-git.png title width=530 height=109 loading=lazy></picture><figcaption></figcaption></figure><p></p><h3 id=links-zum-git-repo data-numberify>Links zum Git-Repo<a class="anchor ms-1" href=#links-zum-git-repo></a></h3><p>Dann trägt man noch im Bereich <code>[params]</code> in der <code>config.toml</code> die Variable <code>github_repo = "https://github.com/&lt;user>/&lt;repo>"</code> ein.</p><p>Dann werden auch Links generiert, die auf den letzten Commit einer Seite verlinken.</p><div class="shortcode-notice hinweis"><div class="shortcode-notice-title hinweis">Hinweis</div><div class=notice-content>Ich überlege noch, ob ich das Wiki in Zukunft in ein öffentliches Repo auf Github oder eine andere Plattform legen werde. Es könnte aber auch ein privates Repo sein, damit man zumindest Pull Requests und Issues erstellen könnte. Hat dazu jemand Erfahrungen, würde mich gerne dazu austauschen.</div></div><h2 id=feeds data-numberify>Feeds<a class="anchor ms-1" href=#feeds></a></h2><p>Man kann noch den Atom Feed für die Website aktivieren mit:</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>outputs</span>]
</span></span><span style=display:flex><span><span style=color:#a6e22e>section</span> = [ <span style=color:#e6db74>&#34;HTML&#34;</span>, <span style=color:#e6db74>&#34;RSS&#34;</span> ]</span></span></code></pre></div><div class="shortcode-notice warnung"><div class="shortcode-notice-title warnung">Warnung</div><div class=notice-content><p>Meine Seiten im Wiki haben bisher kein Datum im Front Matter und es wird leider nicht das letzte Änderungsdatum mit Git ausgelesen, sodass die Datumsangaben im Feed mit <code>&lt;pubDate>Mon, 01 Jan 0001 00:00:00 +0000&lt;/pubDate></code> angegeben werden.</p><p>In der Sitemap sind dagegen valide Datumsangaben enthalten, die scheinbar von Git kommen. Ich werde mir das genauer anschauen und versuchen, das auch für den Feed so hinzubiegen.</p><p>Deshalb habe ich den Feed für mein Wiki noch nicht aktiviert.</p></div></div><h2 id=druckansicht data-numberify>Druckansicht<a class="anchor ms-1" href=#druckansicht></a></h2><p>Es gibt im Theme auch die Möglichkeit, eine Druckansicht hinzufügen (rechts oben), die dann z. B. den gesamten Hauptbereich <a href=https://wiki.natenom.de/docs/fahrrad>Fahrrad</a> in einer einzigen Seite anzeigt. Das werde ich vielleicht später aktivieren.</p><p>Dazu muss man in der <code>config.toml</code> noch im Bereich <code>outputs</code> hinzufügen:</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>outputs</span>]
</span></span><span style=display:flex><span><span style=color:#a6e22e>section</span> = [ <span style=color:#e6db74>&#34;HTML&#34;</span>, <span style=color:#e6db74>&#34;RSS&#34;</span>, <span style=color:#e6db74>&#34;print&#34;</span> ]</span></span></code></pre></div><p><a class=urlextern href=https://www.docsy.dev/docs/adding-content/print/>Dokumentation</a></p><h2 id=startseite-meines-neuen-wikis data-numberify>Startseite meines neuen Wikis<a class="anchor ms-1" href=#startseite-meines-neuen-wikis></a></h2><p>Ich kann ja nix bei so Websachen, das weiß man ja. Deshalb versuche ich immer, das irgendwie zu nutzen, war mir das System vorgibt, wie zum Beispiel die Möglichkeit des Themes Docsy, ein Cover auf der Startseite zu nutzen. Dessen Beschreibung <a class=urlextern href=https://www.docsy.dev/docs/adding-content/shortcodes/#blockscover>gibt es hier</a>.</p><p>Die Themenbereiche darunter wurden mit dem Shortcode <code>Card Pane</code> erstellt. Hier die <a class=urlextern href=https://www.docsy.dev/docs/adding-content/shortcodes/#card-panes>Dokumentation dazu</a>.</p><p>Dafür ist die Datei <code>content/de/_index.md</code> zuständig. Dieser Inhalt wird immer angezeigt, wenn man auf das Document Root der Webseite geht (also <code>/</code>).</p><p>So sieht die Startseite aktuell aus:</p><p></p><figure class=image-caption><a href=/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite.png><picture><source type=image/webp srcset="/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_816x0_resize_q95_h2_catmullrom_3.webp 816w, /2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px"><img alt srcset="/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_816x0_resize_q95_h2_catmullrom_3.webp 816w,/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px" src=/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-wiki.natenom.com-startseite_huad83697db2d152a4d1314f008e655fdc_157723_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=425></picture></a><figcaption></figcaption></figure><p></p><div class="shortcode-notice hinweis"><div class="shortcode-notice-title hinweis">Hinweis</div><div class=notice-content><p>Per Voreinstellung landet man immer auf / des Wikis. Ich habe keine Möglichkeit gefunden, das zu ändern. Auch würde die Verlinkung des Namens des Wikis links oben gerne so ändern, dass auf <code>/docs</code> verlinkt wird.</p><p>Ich habe das erst einmal mit der Startseite gelöst.</p></div></div><div class="shortcode-notice tipp"><div class="shortcode-notice-title tipp">Tipp</div><div class=notice-content>Es wäre zwar auch möglich, dass man <code>/docs</code> zum Document Root der Webseite macht, aber dadurch würde ich Flexibilität verlieren, die ich später vielleicht noch benutzen können möchte. (<a href=/2022/03/umzug-dokuwiki-hugo-3-einrichtung/#kaskadierung--docsabc-vs-abc>Hier steht, wie man das machen könnte</a>).</div></div><h2 id=twitter-cards-und-open-graph data-numberify>Twitter Cards und Open Graph<a class="anchor ms-1" href=#twitter-cards-und-open-graph></a></h2><p><del>Über das Partial <code>docsy/assets/vendor/bootstrap/site/layouts/partials/social.html</code> werden Twitter Cards und Open Graph Metadaten im Docsy-Theme in eine Seite eingefügt. Dort sind auch <code>twitter:image</code> und <code>og:image</code> enthalten, z. B. für <code>twitter:image</code>:</del></p><pre><code>&lt;meta name=&quot;twitter:image&quot; content=&quot;{{ if .IsHome }}{{ .Site.Params.social_image_path | absURL }}{{ else }}{{ .Site.Params.social_logo_path | absURL }}{{ end }}&quot;&gt;
</code></pre><p><del>Für die Startseite des Wikis wird somit das Logo aus dem Bereich <code>params</code> in der Variable <code>social_image_path</code> verwendet und für alle anderen Seiten das aus der Variable <code>social_logo_path</code>im Front Matter der einzelnen Seite. Glaube ich. Es hat leider nicht funktioniert.</del></p><div class="shortcode-notice update"><div class="shortcode-notice-title update">Update</div><div class=notice-content>10.04.2022: Ich habe mich heute erneut mit dem Theme beschäftigt und es funktioniert ganz anders. <a href=/2022/04/docsy-theme-hugo-und-twitter-cards-open-graph/>Die Lösung ist in diesem Blogbeitrag beschrieben</a>.</div></div><h2 id=weiterleitungen data-numberify>Weiterleitungen<a class="anchor ms-1" href=#weiterleitungen></a></h2><p>Damit man auch über das alte Wiki noch zu den Inhalten des neuen Wikis kommt, habe ich alles entsprechend weitergeleitet.</p><p>Ich habe jeden Hauptbereich des alten wikis einzeln weitergeleitet mit:</p><pre><code>rewrite ^/android(.*)$ https://wiki.natenom.de/docs/android$1 redirect;
</code></pre><p>Somit kann ich links das Navigationsmenü im alten Wiki stehen lassen und man kommt auch bei Unterseiten im neuen Wiki an. Und auch Menschen, die auf irgend einer fremden Website auf einen Links zum alten Wiki klicken, landen im neuen Wiki.</p><div class="shortcode-notice tipp"><div class="shortcode-notice-title tipp">Tipp</div><div class=notice-content><p>Ein paar Bereiche habe ich im neuen Wiki umstrukturiert. So liegt z. B. die &ldquo;Radfahrer FAQ&rdquo; im neuen Wiki unterhalb von &ldquo;Fahrrad&rdquo; (<code>/fahrrad/faq/</code>), während sie im alten Wiki unterhalb von &ldquo;Mobilität&rdquo; (<code>/verkehr/projekte/radfahrer_faq/</code>) lag.</p><p>Doch auch in solchen Fällen kann man das einfach weiterleiten, da in der Konfiguration von Nginx immer die erste passende Weiterleitung gilt, auf die Nginx stößt. D. h. zuerst leitet man den kleinen, verschobenen Bereich um und dann erst den Rest:</p><pre><code>rewrite ^/verkehr/projekte/radfahrer_faq(.*)$ https://wiki.natenom.de/docs/fahrrad/faq$1 redirect;
rewrite ^/verkehr(.*)$ https://wiki.natenom.de/docs/mobilitaet$1 redirect;
</code></pre></div></div><h2 id=informationen-für-menschen--so-wichtig data-numberify>Informationen für Menschen So wichtig<a class="anchor ms-1" href=#informationen-für-menschen--so-wichtig></a></h2><p>Für diejenigen Menschen, die in der Seitennavigation (links) im neuen Wiki die Themen vermissen, die nicht im neuen Wiki sind, habe ich für diese dort trotzdem Einträge erstellt. Klickt man diese an, bekommt man die Information, dass sie noch im alten Wiki zu finden sind.</p><p>Das betrifft die Bereiche <code>Minecraft</code>, <code>Mumble</code> und <code>Sauerbraten</code>.</p><p>Auf der Startseite des neuen Wikis sind diese Bereiche natürlich auch verlinkt.</p><h2 id=altes-wiki--keine-änderungen data-numberify>Altes Wiki &ldquo;keine Änderungen&rdquo;<a class="anchor ms-1" href=#altes-wiki--keine-änderungen></a></h2><p>Das alte Wiki bleibt erst einmal so bestehen. Mit der Zeit werde ich dann vermutlich die weitergeleiteten Bereiche in der Seitennavigation ausblenden und vielleicht sogar ganz entfernen. Natürlich mit vorherigem Backup.</p><p>Dann könnte ich irgendwann einmal die alten Bereiche in eine statische Seite umwandeln und dann DokuWiki selbst entfernen. Dann bräuchte ich kein PHP mehr auf meinem Server.</p><h2 id=todo data-numberify>Todo<a class="anchor ms-1" href=#todo></a></h2><p>Von den <a href=/2022/03/umzug-dokuwiki-hugo-3-einrichtung/#todo>Todos aus dem letzten Blogbeitrag</a> habe ich das Favicon umgesetzt. Wie das geht, <a class=urlextern href=https://www.docsy.dev/docs/adding-content/iconsimages/#add-your-favicons>steht hier</a>.</p><p>Das mit der Nummerierung der Überschriften habe ich angefangen, aber es funktioniert bisher leider noch nicht.</p><p>Hinzu kommende Aufgaben:</p><ul><li>Alle Verlinkungen im Blog auf die umgezogenen Bereiche aufs neue Wiki umschreiben. Es gibt zwar Weiterleitungen, aber auf die will ich mich nicht dauerhaft verlassen.</li><li>Bilder für Twitter Cards und Open Graph <a href=#twitter-cards-und-open-graph>siehe oben</a>.</li><li>Feed mit Änderungsdatum aus Git füttern.</li></ul><h2 id=passt- data-numberify>Passt 🙂<a class="anchor ms-1" href=#passt-></a></h2><p>Das passt so erst einmal für mich. Ich hatte damit extrem viel Arbeit in den letzten Tagen (und Wochen?) und bin froh, dass es jetzt fertig ist.</p><p>Und so sieht mein neues Wiki jetzt aus:</p><p></p><figure class=image-caption><a href=/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com.png><picture><source type=image/webp srcset="/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_816x0_resize_q95_h2_catmullrom_3.webp 816w, /2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px"><img alt="Screenshot meines neuen Wikis" srcset="/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_816x0_resize_q95_h2_catmullrom_3.webp 816w,/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px" src=/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/images/2022-03-20-screenshot-des-wikis-wiki.natenom.com_hu85df17ad9a736ca4911be8d1093e9d26_475016_816x0_resize_q95_h2_catmullrom_3.webp title="Screenshot meines neuen Wikis" loading=lazy width=816 height=424></picture></a><figcaption>Screenshot meines neuen Wikis</figcaption></figure><p></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/umzug-dokuwiki-hugo-3-einrichtung/>Umzug von DokuWiki nach Hugo Teil 3 Einrichtung des neuen Wikis</a></div><div class="post-nav post-next"><a href=/2022/03/mein-neues-wiki-mit-hugo-neue-suche-und-andere-optimierungen/>Mein neues Wiki mit Hugo Neue Suche und andere Optimierungen</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/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-1-vorarbeiten/>Umzug von DokuWiki nach Hugo Teil 1 Vorarbeiten</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/02/hugo-theme-bootstrap-twitter-open-graph-artikelbilder/>Twitter Cards, Open Graph und Artikelbilder im Hugo-Theme hugo-theme-bootstrap</a></li><li><a href=https://natenom.de/2022/03/interwiki-links-richtig-implementiert/>Interwiki-Links für Hugo richtig implementiert</a></li><li><a href=https://natenom.de/2022/03/tools-export-dokuwiki-nach-markdown-hugo/>Tools zum Export von DokuWiki nach Markdown (Hugo)</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/2022/02/nginx-konfiguration-fuer-hugo/>Nginx Konfiguration meines Blogs aufgeräumt</a></li><li><a href=https://natenom.de/2022/02/url-struktur-hugo-url-slug-title/>URL-Struktur in Hugo mit url, slug und title</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: Umzug%20von%20DokuWiki%20nach%20Hugo%20%e2%80%93%20Teil%204%20%e2%80%93%20Einrichten%20und%20fertig&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%2fumzug-dokuwiki-hugo-4-einrichtung-fertig%2f'>Hier klicken</a></p><p>Nicht öffentliche Anmerkung per E-Mail: <a href='mailto:natenom@posteo.de?subject=Persönliche Anmerkung zum Blogbeitrag: Umzug%20von%20DokuWiki%20nach%20Hugo%20%e2%80%93%20Teil%204%20%e2%80%93%20Einrichten%20und%20fertig&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%2fumzug-dokuwiki-hugo-4-einrichtung-fertig%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>