193 lines
No EOL
71 KiB
HTML
193 lines
No EOL
71 KiB
HTML
<!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 WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog - 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 Dokumentation, wie ich von WordPress auf Hugo umgezogen bin. Ich beschriebe, weshalb ich überhaupt gewechselt bin, wie ich das technisch umgesetzt habe und wie man es schafft, dass man am Ende dieses ersten Teils lokal auf den eigenen neuen Blog mit den exportierten Inhalten per Browser zugreifen kann."><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://natenom.de/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/cover.png"><meta name=twitter:title content="Umzug von WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog"><meta name=twitter:description content="Eine Dokumentation, wie ich von WordPress auf Hugo umgezogen bin. Ich beschriebe, weshalb ich überhaupt gewechselt bin, wie ich das technisch umgesetzt habe und wie man es schafft, dass man am Ende dieses ersten Teils lokal auf den eigenen neuen Blog mit den exportierten Inhalten per Browser zugreifen kann."><meta property="og:title" content="Umzug von WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog"><meta property="og:description" content="Eine Dokumentation, wie ich von WordPress auf Hugo umgezogen bin. Ich beschriebe, weshalb ich überhaupt gewechselt bin, wie ich das technisch umgesetzt habe und wie man es schafft, dass man am Ende dieses ersten Teils lokal auf den eigenen neuen Blog mit den exportierten Inhalten per Browser zugreifen kann."><meta property="og:type" content="article"><meta property="og:url" content="https://natenom.de/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/"><meta property="og:image" content="https://natenom.de/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/cover.png"><meta property="article:section" content="posts"><meta property="article:published_time" content="2022-02-03T07:30:33+01:00"><meta property="article:modified_time" content="2022-02-03T07:30:33+01:00"><meta itemprop=name content="Umzug von WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog"><meta itemprop=description content="Eine Dokumentation, wie ich von WordPress auf Hugo umgezogen bin. Ich beschriebe, weshalb ich überhaupt gewechselt bin, wie ich das technisch umgesetzt habe und wie man es schafft, dass man am Ende dieses ersten Teils lokal auf den eigenen neuen Blog mit den exportierten Inhalten per Browser zugreifen kann."><meta itemprop=datePublished content="2022-02-03T07:30:33+01:00"><meta itemprop=dateModified content="2022-02-03T07:30:33+01:00"><meta itemprop=wordCount content="2421"><meta itemprop=image content="https://natenom.de/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/cover.png"><meta itemprop=keywords content="Web,WordPress,Hugo,Datenbanken,PHP,Nginx,Markdown,HTML,JavaScript,CSS,Front Matter,Umlaute,"><meta property="og:image:alt" content="Umzug von WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog"><meta name=twitter:image:alt content="Umzug von WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog"><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 WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog</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 WordPress zu Hugo – Teil 1 – Von den Gründen bis zum ersten funktionierenden Blog</h1></div><div class=card-body><div class="post-meta mb-3"><span class="post-date me-1 mb-1" title="Erstellt am 2022-02-03 07:30:33 +0100 CET.">Donnerstag, 3. Februar 2022</span><span class="post-reading-time me-1 mb-1">12 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/css/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">CSS</a><a href=/tags/datenbanken/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Datenbanken</a><a href=/tags/front-matter/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Front Matter</a><a href=/tags/html/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">HTML</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/javascript/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">JavaScript</a><a href=/tags/markdown/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Markdown</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/php/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">PHP</a><a href=/tags/umlaute/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Umlaute</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/wordpress/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">WordPress</a></div><p class="lead mb-3 text-body-emphasis">Eine Dokumentation, wie ich von WordPress auf Hugo umgezogen bin. Ich beschriebe, weshalb ich überhaupt gewechselt bin, wie ich das technisch umgesetzt habe und wie man es schafft, dass man am Ende dieses ersten Teils lokal auf den eigenen neuen Blog mit den exportierten Inhalten per Browser zugreifen kann.</p><div id=postTOC class=toc-details><details open><summary>Inhaltsverzeichnis</summary><nav id=TableOfContents><ul><li><a href=#wieso-überhaupt-weg-von-wordpress>Wieso überhaupt weg von WordPress?</a></li><li><a href=#ein-schönes-theme-für-hugo-finden>Ein schönes Theme für Hugo finden</a></li><li><a href=#vor-dem-export-in-wordpress-aufräumen>Vor dem Export in WordPress aufräumen</a><ul><li><a href=#tabellen-aufräumen>Tabellen aufräumen</a></li><li><a href=#entwürfe>Entwürfe</a></li><li><a href=#verlinkungen-in-wordpress>Verlinkungen in WordPress</a></li></ul></li><li><a href=#optional-backup-des-blogs--für-hugo-nicht-relevant>(optional) Backup des Blogs – Für Hugo nicht relevant</a></li><li><a href=#daten-für-hugo-aus-wordpress-exportieren>Daten für Hugo aus WordPress exportieren</a></li><li><a href=#eine-webseite-mit-hugo-anlegen-und-theme-einfügen>Eine Webseite mit Hugo anlegen und Theme einfügen</a></li><li><a href=#ein-bisschen-konfiguration>Ein bisschen Konfiguration</a><ul><li><a href=#taxonomie>Taxonomie</a></li><li><a href=#beiträge-nicht-gelistet>Beiträge nicht gelistet</a></li><li><a href=#sonstige-konfiguration>Sonstige Konfiguration</a></li></ul></li><li><a href=#von-absoluten-urls-zu-relativen-urls>Von absoluten URLs zu relativen URLs</a><ul><li><a href=#absolute-urls-auf-hochgeladene-dateien>Absolute URLs auf hochgeladene Dateien</a></li><li><a href=#absolute-urls-auf-blogbeiträge>Absolute URLs auf Blogbeiträge</a></li></ul></li><li><a href=#umlaute-in-urls-von-kategorien-und-tags>Umlaute in URLs von Kategorien und Tags</a></li><li><a href=#fehlerseite-für-404>Fehlerseite für 404</a></li><li><a href=#damit-erstmal-keine-inhalte-fehlen>Damit erstmal keine Inhalte fehlen</a></li><li><a href=#run-hugo-run>Run Hugo, Run</a></li><li><a href=#erstmal-fertig>Erstmal fertig</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-content-body><p>Schon einige Male in den vergangenen Jahren habe ich versucht, meinen Blog von WordPress auf Hugo umzuziehen. Immer gab es dabei für mich unüberwindbare Hürden. Jetzt endlich hat es mal in einem neuen Anlauf funktioniert.</p><p>Hier berichte ich davon, wie genau ich das gemacht habe, was es zu bedenken galt und wie es im Ergebnis geworden ist. In erster Linie ist es für mich als Dokumentation gedacht, damit ich das in x Zeit noch nachvollziehen kann. Und wenn jemand anderes damit auch noch etwas anfangen kann, dann ist es noch besser.</p><p>Dabei schreibe ich übrigens das erste Mal einen Blogbeitrag mit einem einfachen Editor, offline, ohne Browser, in einem einfachen Textbearbeitungsprogramm. Und das fühlt sich gut an.</p><h2 id=wieso-überhaupt-weg-von-wordpress data-numberify>Wieso überhaupt weg von WordPress?<a class="anchor ms-1" href=#wieso-überhaupt-weg-von-wordpress></a></h2><p>Ich habe WordPress seit 2009 für meinen Blog benutzt und es immer auf eigenen Servern selbst gehostet. Ich war immer sehr zufrieden damit. WordPress hat es mir ermöglicht, mich immer nur auf den Inhalt konzentrieren zu können und hat mir die ganze Arbeit drumherum abgenommen. Und es ist immer noch so. Das schätze ich an dem Content Management System WordPress. Jedes Upgrade auf eine neue Version war immer fehlerfrei mit nur wenigen Klicks möglich.</p><p>Die meisten Funktionen von WordPress habe ich nie benutzt. Und mit dem Update auf den Gutenberg-Editor und jetzt kürzlich auf 5.9 mit dem Super Feature “Full Site Editing” ist noch klarer geworden, dass ich solch ein komplexes System nicht benötige. Es ist immer noch sehr einfach zu bedienen und zu aktualisieren, aber ich brauche es eben nicht.</p><p>Was ich brauche, ist eine einfache Möglichkeit, Texte zu schreiben, die Maus möglichst nicht bewegen zu müssen und außerdem benötige ich nur die grundlegensten Formatierungen. Kurzum das, was <a class=urlextern href=https://daringfireball.net/projects/markdown/>Markdown</a> bietet.</p><p>Natürlich sind da noch andere Aspekte:</p><ul><li>Wartbarkeit: Webserver, PHP, Datenbank, alles will gepflegt werden und benötigt ab und zu Aufmerksamkeit. Mit Hugo kann man den kompletten Blog, der aus statischen Dateien (HTML, CSS, JavaScript) besteht, auf einen Webserver werfen und für immer dort liegen lassen.</li><li>Portierbarkeit/Backup: Sollte ich mal vom Rad fallen und nicht mehr aufstehen, kann man sich das Archiv herunterladen und hat weiterhin Zugriff auf die Inhalte des Blogs. Entsprechend wird man sich später das einmal alle x Zeit aktualisierte Archiv herunterladen können. Dazu später mehr.</li><li>Sicherheit: Da nichts dynamisch ausgeführt wird, gibt es auch keine Sicherheitslücken, die jemand ausnutzen könnte.</li><li>“Einfachheit”: Text-Editor, Hugo laufen lassen, hochladen per SFTP. Fertig.</li></ul><p></p><figure class=image-caption><a href=/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben.png><picture><source type=image/webp srcset="/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt="Fenster eines Texteditors unter KDE/Plasma" srcset="/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-03-blog-im-texteditor-schreiben_hu223b2f7dc1c2e1006a2b9545468f5ada_162917_816x0_resize_q95_h2_catmullrom_3.webp title="Fenster eines Texteditors unter KDE/Plasma" loading=lazy width=816 height=523></picture></a><figcaption>Fenster eines Texteditors unter KDE/Plasma</figcaption></figure><p></p><h2 id=ein-schönes-theme-für-hugo-finden data-numberify>Ein schönes Theme für Hugo finden<a class="anchor ms-1" href=#ein-schönes-theme-für-hugo-finden></a></h2><p>Man kann natürlich auch selbst ein Theme bauen, aber das ist nichts für mich.</p><p>Eine Liste von aktuell 285 Themes gibt es auf der Webseite von Hugo, siehe <a class=urlextern href=https://themes.gohugo.io/>hier</a>.</p><p>Ich habe mich für das Theme <a class=urlextern href=https://themes.gohugo.io/themes/hugo-theme-bootstrap/>Bootstrap Theme for Personal Blog and Documentations</a> entschieden, weil es fast alles liefert, was ich benötige und vielfältige Einstellungsmöglichkeiten hat.</p><p>Was ich besonders mag:</p><ul><li>Dark Mode/Light Mode</li><li>Suchfunktion (<a class=urlextern href=https://fusejs.io>fuse.js</a>)</li><li>Durch Ausblenden der Seitenliste kann der Inhaltsbereich breiter gemacht werden.</li><li>Es gibt bereits Shortcodes für Nachrichtenboxen (Info, Alarm, …). Siehe <a class=urlextern href=https://hbs.razonyang.com/en/docs/shortcodes/alert/>hier</a>.</li><li><a class=urlextern href=https://gohugo.io/templates/internal/#configure-twitter-cards>Twitter Cards</a> und <a class=urlextern href=https://gohugo.io/templates/internal/#configure-open-graph>Open Graph</a></li><li>Responsive</li><li>optional mehrsprachig</li><li>Archivseiten</li><li>Shortcods für Verleinern von Bildern. Die verkleinerten Bilder werden beim Rendern von Hugo aus den Originaldateien erzeugt.</li><li>Lazy loading für Bilder</li><li>Inhaltsverzeichnis für Blogbeiträge</li><li>Keine Einbindung von externen Inhalten</li><li>Liste von “ähnlichen Beiträgen”</li></ul><h2 id=vor-dem-export-in-wordpress-aufräumen data-numberify>Vor dem Export in WordPress aufräumen<a class="anchor ms-1" href=#vor-dem-export-in-wordpress-aufräumen></a></h2><h3 id=tabellen-aufräumen data-numberify>Tabellen aufräumen<a class="anchor ms-1" href=#tabellen-aufräumen></a></h3><p>Vor dem Export der Daten kann man den Blog noch etwas aufräumen. Hat man z. B. wie ich über die Jahre viele verschiedene Plugins ausprobiert und wieder entfernt, dann könnten die Daten der Plugins immer noch irgendwo in den Tabellen der Datenbank liegen und beim Export in den Daten landen. Das wären alles zusätzliche Daten, die man nicht benötigt.</p><p>Dazu hatte ich mal einen eigenen Blogbeitrag verfasst, siehe <a href=/2021/05/datenbank-von-wordpress-auch-mal-aufraeumen/>hier</a>.</p><h3 id=entwürfe data-numberify>Entwürfe<a class="anchor ms-1" href=#entwürfe></a></h3><p>Werden Entwürfe exportiert, dann erhalten diese in der exportierten Version kein Datum und sind somit erstmal aus dem Sichtbereich raus oder bekommen seltsame Namen/URLs zugewiesen wie z. B. “?p=52696/”, das der fortlaufenden ID von Blogbeiträgen entspricht. Das will man später alles nicht einzeln bearbeiten müssen. Deshalb Entwürfe löschen oder veröffentlichen.</p><h3 id=verlinkungen-in-wordpress data-numberify>Verlinkungen in WordPress<a class="anchor ms-1" href=#verlinkungen-in-wordpress></a></h3><p>Man kann in WordPress entweder die komplette URL verwenden (Standard), um auf einen Beitrag im eigenen Blog zu verlinken oder die ID des Beitrags verwenden.</p><p>Die komplette URL wäre z. B. “natenom.de/2021/01/beitrag-ueber-den-kleinen-elefanten” während die ID “natenom.de/?p=12345” wäre.</p><p>Solche Verlinkungen sollte man noch im laufenden WordPress Blog finden und in die erste Form (lange URL) überführen, da die zweite Form mit der ID in Hugo nicht funktionieren wird.</p><p>Dazu reicht die Suchfunktion im Adminpanel aus. Man sucht nach “/?p=”. In meinem Fall fanden sich ca. 130 solcher Beiträge mit ID Verlinkungen.</p><h2 id=optional-backup-des-blogs--für-hugo-nicht-relevant data-numberify>(optional) Backup des Blogs – Für Hugo nicht relevant<a class="anchor ms-1" href=#optional-backup-des-blogs--für-hugo-nicht-relevant></a></h2><p>Da der Blog am Ende abgeschaltet werden soll, habe ich ein letztes Mal Backups gemacht:</p><ul><li>Backup der WordPress Datenbank</li><li>Als Admin in WordPress angemeldet und unter Werkzeuge -> Daten exportieren -> Alle Inhalte ausgewählt und die xml-Datei heruntergeladen. In dieser Datei sind alle Beiträge, alle Seiten und auch die Kommentare von Benutzern enthalten. Nicht jedoch die hochgeladenen Dateien. In meinem Fall ist die Datei um 50 MiB groß und hat um die 50000 Zeilen.</li><li>Backup des kompletten WordPress-Verzeichnisses inklusive den hochgeladenen Dateien und dem ganzen PHP-Zeug</li><li>Herunterladen der kompletten Webseite mit wget, um später noch nachvollziehen zu können, unter welchen URLs was zu finden war. Für solche URLs, die Hugo nicht generiert. Die könnte man dann mit einem Webserver passend weiterleiten. Die Kommandozeile dafür ist:</li></ul><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-bash data-lang=bash><span style=display:flex><span>wget --recursive --domains<span style=color:#f92672>=</span>natenom.de --html-extension --page-requisites --convert-links --no-parent <span style=color:#e6db74>"/"</span> -R <span style=color:#e6db74>"*xmlrpc*"</span> --reject-regex <span style=color:#e6db74>".*wp-content.*"</span></span></span></code></pre></div><div class="shortcode-notice update"><div class="shortcode-notice-title update">Update</div><div class=notice-content><p>Wenn es Probleme gibt und eine Meldung in der Form <code>no follow attribute found</code>, dann benötigt man zusätzlich noch diesen Parameter:</p><pre><code>-erobots=off
|
||
</code></pre></div></div><p>Das Verzeichnis <code>wp-content</code> habe ich bewusst ausgelassen, da es nur hochgeladene Dateien enthält (ca. 7 GiB), die bereits in einem anderen Backup enthalten sind.</p><p></p><figure class=image-caption><a href=/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress.png><picture><source type=image/webp srcset="/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_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/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-1/images/2022-02-01-backups-export-aller-daten-aus-wordpress_hub4eed37399a08ef15104b74a01748fa5_75678_816x0_resize_q95_h2_catmullrom_3.webp title="Export Tool von WordPress. Exportiert alles außer der hochgeladenen Dateien." loading=lazy width=816 height=430></picture></a><figcaption>Export Tool von WordPress. Exportiert alles außer der hochgeladenen Dateien.</figcaption></figure><p></p><h2 id=daten-für-hugo-aus-wordpress-exportieren data-numberify>Daten für Hugo aus WordPress exportieren<a class="anchor ms-1" href=#daten-für-hugo-aus-wordpress-exportieren></a></h2><p>Mit dem Tool <a class=urlextern href=https://github.com/SchumacherFM/wordpress-to-hugo-exporter>WordPress to Hugo Exporter</a> kann man alle Seiten und Beiträg eines Blogs in eine Zip-Datei exportieren.</p><p>Ich gehe hier nicht darauf ein, wie man das Tool verwendet, da das ausreichend gut auf dessen Webseite erklärt ist. Wichtig ist hier nur, dass man am Ende eine Datei erhält, hier im Beispiel mit dem Namen wpexport.zip.</p><p>Auf der Projektseite steht, was man an der PHP-Datei anpassen muss, damit auch Kommentare exportiert werden.</p><p>Der Export kann eine ganze Weile dauern und sollte deshalb auf der Kommandozeile ausgeführt werden. Die <code>wpexport.zip</code> meines Blogs hatte eine Dateigröße von etwas mehr als 7 GiB.</p><p>Die Datei <code>wpexport.zip</code> hat diese Struktur:</p><pre tabindex=0><code>seite-a/index.md
|
||
seite-b/index.md
|
||
irgendeine-seite/index.md
|
||
posts/
|
||
2022-01-05-mein-beitrag-im-januar
|
||
2022-01-06-mein-beitrag-ueber-bluemeleinchen
|
||
2022-02-08-ein-neuer-beitrag-mit-tollen-fahrraedern
|
||
wp-content/
|
||
uploads/
|
||
2022/
|
||
01/
|
||
2022-01-04-hochgeladenes-bild-1.jpg
|
||
2022-01-04-hochgeladenes-bild-2.jpg
|
||
config.yaml
|
||
</code></pre><ul><li>Es sind alle “Seiten” des Blogs als Verzeichnisse enthalten, in den index.md-Dateien sind die Inhalte.</li><li>Die “Beiträge” (Englisch “Posts”) liegen als md-Dateien im Verzeichnis “posts”.</li><li>Die hochgeladenen Dateien wie Fotos, Screenshots oder auch Audio und Video liegen im Verzeichnis wp-content/uploads, sortiert nach Jahr und Monat.</li><li>Dann gibt es noch die Datei config.yaml, welche die URL des Blogs enthält, den Namen und die Beschreibung.</li></ul><p>Die Daten lädt man dann auf den eigenen PC herunter.</p><h2 id=eine-webseite-mit-hugo-anlegen-und-theme-einfügen data-numberify>Eine Webseite mit Hugo anlegen und Theme einfügen<a class="anchor ms-1" href=#eine-webseite-mit-hugo-anlegen-und-theme-einfügen></a></h2><p>Ich will hier nicht darauf eingehen, wie man eine Webseite mit Hugo anlegt und das Theme einfügt, das ist auf der Projektseite bereits ausführlich gut dokumentiert, siehe <a class=urlextern href=https://gohugo.io/getting-started/quick-start/>hier</a>.</p><p>Sobald das erledigt und das Theme eingebunden ist, kann man die exportierten Daten aus dem heruntergeladenen Archiv entpacken und die Daten in das Verzeichnis des neuen Blogs hineinkopieren:</p><ul><li>Die Datei <code>config.yaml</code> habe ich weg gelassen.</li><li>Das Verzeichnis <code>posts</code> wird nach <code>content</code> kopiert.</li><li>Das Verzeichnisse <code>seite-x</code> werden nach <code>content/pages</code> kopiert.</li><li>Das Verzeichnis <code>wp-content</code> wird nach <code>static</code> kopiert.</li></ul><h2 id=ein-bisschen-konfiguration data-numberify>Ein bisschen Konfiguration<a class="anchor ms-1" href=#ein-bisschen-konfiguration></a></h2><p>Eine Liste aller Einstellungsmöglichkeiten gibt es auf der <a class=urlextern href=https://hbs.razonyang.com/v0/en/docs/configuration/>Seite des Theme-Entwicklers</a>.</p><h3 id=taxonomie data-numberify>Taxonomie<a class="anchor ms-1" href=#taxonomie></a></h3><p>Bei der Taxonomie wollte ich die URLs von WordPress möglichst erhalten.</p><p>Per Voreinstellung verwendet Hugo für tags in der URL “tags”, WordPress jedoch “tag”. Bei Kategorien verwendet Hugo “categories” und WordPress “category”.</p><p>Das kann man in der <code>config.toml</code> anpassen 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>taxonomies</span>]
|
||
</span></span><span style=display:flex><span> <span style=color:#a6e22e>category</span> = <span style=color:#e6db74>'category'</span>
|
||
</span></span><span style=display:flex><span> <span style=color:#a6e22e>tag</span> = <span style=color:#e6db74>'tag'</span></span></span></code></pre></div><p>In meinem ausgewählten Theme funktioniert das jedoch leider nicht, da zwingend “tags” und “categories” notwendig sind. Kann man sicher anpassen, ich aber nicht. Also bleibt es bei den Voreinstellungen. Ich werde es dann einfach mit dem Webserver weiterleiten lassen.</p><p>In Nginx z. B. mit:</p><pre tabindex=0><code>rewrite ^/tag/(.*)$ /tags/$1 redirect;
|
||
rewrite ^/category/(.*)$ /categories/$1 redirect;
|
||
</code></pre><p>Wenn das gut funktioniert, kann man das später auf <em>permanent</em> umschreiben.</p><h3 id=beiträge-nicht-gelistet data-numberify>Beiträge nicht gelistet<a class="anchor ms-1" href=#beiträge-nicht-gelistet></a></h3><p>Auf der Startseite des Blogs wurden die Beiträge nicht gelistet. Mit Herumprobieren konnte ich herausfinden, dass das an dem Eintrag “type: post” im Front Matter (Metadaten eines Beitrags) lag. Daher habe ich mit dem folgenden Shell-Aufruf diese Zeile in allen md-Dateien gelöscht:</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-bash data-lang=bash><span style=display:flex><span>sed -i <span style=color:#e6db74>"/^type: post</span>$<span style=color:#e6db74>/d"</span> *.md</span></span></code></pre></div><h3 id=sonstige-konfiguration data-numberify>Sonstige Konfiguration<a class="anchor ms-1" href=#sonstige-konfiguration></a></h3><p>Hier noch ein paar weitere wichtige Dinge, die ich in der Konfiguration eingestellt habe.<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:#960050;background-color:#1e0010>…</span>]
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>baseURL</span> = <span style=color:#e6db74>"/"</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>rssLimit</span> = <span style=color:#ae81ff>15</span>
|
||
</span></span><span style=display:flex><span>[<span style=color:#960050;background-color:#1e0010>…</span>]
|
||
</span></span><span style=display:flex><span>[<span style=color:#a6e22e>params</span>]
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>comment</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>breadcrumb</span> = <span style=color:#66d9ef>true</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>palette</span> = <span style=color:#e6db74>"blue"</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>dateFormat</span> = <span style=color:#e6db74>"Mon, 02 Jan 2006 15:04"</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>mainSections</span> = [<span style=color:#e6db74>"posts"</span>, <span style=color:#e6db74>"pages"</span> ]
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>poweredBy</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>math</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>diagram</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>logo</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>description</span> = <span style=color:#e6db74>" Verkehrswende, Fahrrad, CriticalMass, OpenBikeSensor, SimRa, Mumble, Open Source, Minimalist, OpenStreetMap, Müllsammeln"</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>recentPostCount</span> = <span style=color:#ae81ff>5</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>relatedPostCount</span> = <span style=color:#ae81ff>6</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>categoryCount</span> = <span style=color:#ae81ff>200</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>tagCount</span> = <span style=color:#ae81ff>150</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>searchBar</span> = <span style=color:#66d9ef>true</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>post</span>.<span style=color:#a6e22e>copyright</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>search</span>.<span style=color:#a6e22e>fuse</span>.<span style=color:#a6e22e>threshold</span> = <span style=color:#ae81ff>0.0</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>countTaxonomyPosts</span> = <span style=color:#66d9ef>true</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>post</span>.<span style=color:#a6e22e>excerpt</span> = <span style=color:#e6db74>"description"</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>viewer</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>showShare</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span><span style=color:#a6e22e>socialShare</span> = <span style=color:#66d9ef>false</span>
|
||
</span></span><span style=display:flex><span>
|
||
</span></span><span style=display:flex><span>[<span style=color:#a6e22e>outputs</span>]
|
||
</span></span><span style=display:flex><span> <span style=color:#a6e22e>home</span> = [<span style=color:#e6db74>"HTML"</span>, <span style=color:#e6db74>"RSS"</span>, <span style=color:#e6db74>"JSON"</span>]</span></span></code></pre></div></p><h2 id=von-absoluten-urls-zu-relativen-urls data-numberify>Von absoluten URLs zu relativen URLs<a class="anchor ms-1" href=#von-absoluten-urls-zu-relativen-urls></a></h2><p>Ich habe keine Ahnung von SEO und habe mich nie damit beschäftigt. Könnte es sein, dass WordPress aus SEO-Gründen absoulte URLs verwendet und nicht realtive? Ich habe dazu die Info auf einer Webseite gefunden, dass relative Links problematisch werden könnten, wenn der Server nicht richtig eingerichtet sei.</p><p>Hat man Bedenken, dann weiter zum nächsten Abschnitt.</p><p>Aber: Will man den neuen Blog auf dem eigenen PC anschauen, benötigt man ohne die Veränderungen der URLs eine Internetverbindung, damit eingebettete Inhalte wie z. B. Bilder vom Browser von der ursprünglichen Webseite heruntergeladen werden können. Oder aber man biegt das DNS temporär um, muss dann aber zumindest aus https http machen, und so weiter.</p><h3 id=absolute-urls-auf-hochgeladene-dateien data-numberify>Absolute URLs auf hochgeladene Dateien<a class="anchor ms-1" href=#absolute-urls-auf-hochgeladene-dateien></a></h3><p>Alle Verlinkungen auf Fotos, Bilder und Videos sind in WordPress mit der absoulten URL angegeben, in meinem Fall mit <code>natenom.de/wp-content/uploads/...</code>. Und das wird so auch in die md-Dateien exportiert.</p><p>Deshalb kann man die URLs mit dem Streameditor sed umschreiben lassen:</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-bash data-lang=bash><span style=display:flex><span>sed -i -E -e <span style=color:#e6db74>'s#/wp-content/uploads/#/wp-content/uploads/#g'</span> *.md</span></span></code></pre></div><p>(Ich habe das aktuell erstmal noch nicht getan.)</p><p>Das Kommando führt man in allen Verzeichnissen aus, in denen md-Dateien liegen. Man könnte das auch so umschreiben, dass es ausgehend vom neuen Blogverzeichnis alle md-Dateien findet und so alle erfasst. Aber so reicht es mir.</p><h3 id=absolute-urls-auf-blogbeiträge data-numberify>Absolute URLs auf Blogbeiträge<a class="anchor ms-1" href=#absolute-urls-auf-blogbeiträge></a></h3><p>Das selbe gilt auch für Verlinkungen im Blogbeiträgen auf andere Beiträg im eigenen Blog. Auch diese URLs lasse ich umschreiben:</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-bash data-lang=bash><span style=display:flex><span>sed -i -E -e <span style=color:#e6db74>'s#/#/#g'</span> *.md</span></span></code></pre></div><p>(Ich habe das aktuell erstmal noch nicht getan.)</p><p>Aus dem absoulten Link <code>/</code> wird dadurch <code>/</code>.</p><h2 id=umlaute-in-urls-von-kategorien-und-tags data-numberify>Umlaute in URLs von Kategorien und Tags<a class="anchor ms-1" href=#umlaute-in-urls-von-kategorien-und-tags></a></h2><p>Ich verwende im Blog das Tag “Müllsammeln” und die Kategorie “Mobilität”. Wordpress hat dabei automatisch die Umlaute in den dafür genutzten URLs in die alternativen Schreibweisen “muellsammeln” und “mobilitaet” umgewandelt. Hugo macht das nicht, weshalb dort das Tag auch “müllsammeln” lautet.</p><p>Es gibt mehrere Lösungen:</p><ol><li>Es dabei belassen, denn mittlerweile sind diese Zeichen kein Problem mehr. Es sieht nur nicht sonderlich schön aus, wenn man statt <strong>mobilität</strong> das hier sieht <strong>mobilit%C3%A4t</strong></li><li>Ohne Veränderungen an den Beiträgen wäre die Option <strong>removePathAccents</strong> von Hugo möglich, die aus “mobilität” “mobilitat” macht.</li><li>Hugo selbst zu verändern, <a class=urlextern href=https://www.von-laufenberg.de/blog/it/hugo-umlaute/>siehe hier</a>.</li><li>Alle Vorkommen der Tags in den Beiträgen mit sed umschreiben und ö durch oe ersetzen usw.</li><li>Weiterleitungen durch den Webserver, siehe unten.</li></ol><p>Einen Issue mit vielen Informationen zu diesem Theme gibt es auf Github, <a class=urlextern href=https://github.com/gohugoio/hugo/issues/3476>siehe hier</a>. Ein weitere Issue zu dem Thema ist seit November 2021 noch offen, <a class=urlextern href=https://github.com/gohugoio/hugo/issues/9134>siehe hier</a>.</p><p>Ich habe mich entschieden, das so zu belassen das erst einmal mit Weiterleitungen zu “fixen” und zu schauen, was sich bei dem Issue tut.</p><p>In Nginx sind diese:</p><pre tabindex=0><code>rewrite ^/tag/muellsammeln/(.*)$ /tags/müllsammeln/$1 redirect;
|
||
rewrite ^/category/mobilitaet/(.*)$ /categories/mobilität/$1 redirect;
|
||
rewrite ^/tag/(.*)$ /tags/$1 redirect;
|
||
rewrite ^/category/(.*)$ /categories/$1 redirect;
|
||
</code></pre><p>Ich nutze bei solchen Dingen am Anfang immer erst redirect, was dem HTTP Status 302 entspricht und ändere das dann irgendwann zu permanent (Status 301) um.</p><h2 id=fehlerseite-für-404 data-numberify>Fehlerseite für 404<a class="anchor ms-1" href=#fehlerseite-für-404></a></h2><p>Falls doch mal eine Seite nicht gefunden wird, habe ich die <code>404.html</code> in Nginx eingerichtet:</p><pre tabindex=0><code>error_page 404 /404.html;
|
||
</code></pre><p>Hier kann man die Seite mal ansehen: <a href=/blabla-diese-seite-gibt-es-nicht>Dieser Link zeigt auf eine nicht vorhandene Seite</a>.</p><h2 id=damit-erstmal-keine-inhalte-fehlen data-numberify>Damit erstmal keine Inhalte fehlen<a class="anchor ms-1" href=#damit-erstmal-keine-inhalte-fehlen></a></h2><p>Würde man jetzt schon Hugo starten, würden vermutlich viele Inhalte in verschiedenen Beiträgen fehlen. Das liegt daran, dass das oben genannte Export-Tool viele HTML Tags nicht in Markdown konvertieren kann und dann an diesen Stellen den HTML-Quelltext in die exportierten md-Dateien schreibt. Doch Hugo filtert diesen HTML-Quelltext beim Rendern der Website heraus.</p><p>Damit ich nicht erst alle 2560 Blogbeiträge manuell überprüfen und korrigieren muss, bevor ich den neuen Blog öffentlich machen kann, habe ich mich entschieden, dieses Verhalten von Hugo umzustellen und Hugo anzuweisen, den HTML-Quelltext nicht herauszufiltern. Das ist zwar nicht im Sinne des Erfinders aber so habe ich die Möglichkeit, die Arbeit auf <em>irgendwann</em> später zu verschieben.</p><p>Details dazu findet man <a class=urlextern href=https://gohugo.io/news/0.60.0-relnotes/>hier</a>. Suche nach <code>unsafe</code>.</p><p>In die config.toml fügt man dazu Folgendes ein:</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>markup</span>]
|
||
</span></span><span style=display:flex><span> [<span style=color:#a6e22e>markup</span>.<span style=color:#a6e22e>goldmark</span>]
|
||
</span></span><span style=display:flex><span> [<span style=color:#a6e22e>markup</span>.<span style=color:#a6e22e>goldmark</span>.<span style=color:#a6e22e>renderer</span>]
|
||
</span></span><span style=display:flex><span> <span style=color:#a6e22e>unsafe</span> = <span style=color:#66d9ef>true</span></span></span></code></pre></div><h2 id=run-hugo-run data-numberify>Run Hugo, Run<a class="anchor ms-1" href=#run-hugo-run></a></h2><p>Jetzt kann man Hugo veranlassen, den neuen Blog das erste Mal zu rendern und dann lokal zur Verfügung zu stellen. Per Voreinstellung ist er unter localhost:1313 erreichbar.</p><p>Dazu wechselt man auf der Kommandozeile in das Verzeichnis des neuen Blogs und führt 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-bash data-lang=bash><span style=display:flex><span>hugo server --renderToDisk -D -E -F -v</span></span></code></pre></div><p>Jetzt werden alle gerenderten Dateien und auch die aus dem <code>static</code>-Verzeichnis in das Verzeichnis <code>public</code> kopiert, welches Hugo automatisch erstellt, wenn es noch nicht existiert.</p><p>Sobald alles bereit ist, gibt es eine Meldung wie etwa:</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-bash data-lang=bash><span style=display:flex><span> | DE
|
||
</span></span><span style=display:flex><span>-------------------+-------
|
||
</span></span><span style=display:flex><span> Pages | <span style=color:#ae81ff>4350</span>
|
||
</span></span><span style=display:flex><span> Paginator pages | <span style=color:#ae81ff>1694</span>
|
||
</span></span><span style=display:flex><span> Non-page files | <span style=color:#ae81ff>1</span>
|
||
</span></span><span style=display:flex><span> Static files | <span style=color:#ae81ff>88</span>
|
||
</span></span><span style=display:flex><span> Processed images | <span style=color:#ae81ff>0</span>
|
||
</span></span><span style=display:flex><span> Aliases | <span style=color:#ae81ff>889</span>
|
||
</span></span><span style=display:flex><span> Sitemaps | <span style=color:#ae81ff>1</span>
|
||
</span></span><span style=display:flex><span> Cleaned | <span style=color:#ae81ff>0</span>
|
||
</span></span><span style=display:flex><span>
|
||
</span></span><span style=display:flex><span>Built in <span style=color:#ae81ff>45228</span> ms
|
||
</span></span><span style=display:flex><span>Watching <span style=color:#66d9ef>for</span> changes in /home/natenom-web-hugo/<span style=color:#f92672>{</span>assets,content,layouts,static,themes<span style=color:#f92672>}</span>
|
||
</span></span><span style=display:flex><span>Watching <span style=color:#66d9ef>for</span> config changes in /home/natenom-web-hugo/config.toml, <span style=color:#f92672>[</span>…<span style=color:#f92672>]</span>
|
||
</span></span><span style=display:flex><span>Environment: <span style=color:#e6db74>"development"</span>
|
||
</span></span><span style=display:flex><span>Serving pages from /home/natenom-web-hugo/public
|
||
</span></span><span style=display:flex><span>Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
|
||
</span></span><span style=display:flex><span>Web Server is available at http://localhost:1313/ <span style=color:#f92672>(</span>bind address 127.0.0.1<span style=color:#f92672>)</span>
|
||
</span></span><span style=display:flex><span>Press Ctrl+C to stop</span></span></code></pre></div><h2 id=erstmal-fertig data-numberify>Erstmal fertig<a class="anchor ms-1" href=#erstmal-fertig></a></h2><p>Das reicht dann auch wieder für diesen Beitrag. Man kann jetzt schon im eigenen Blog offline umgucken und wird hier und da noch unschöne Dinge finden, wie falsch dargestellte Bilder.</p><p>In <a href=/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-2>Teil 2</a> geht es darum, für die Übergangszeit das übrig gebliebene HTML, das nicht zu Markdown konvertiert werden konnte, automatisiert so zu verändern, dass der Blog trotzdem ansehnlich ist, wenn auch noch nicht perfekt.</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/01/fotos-vom-26-januar-2022-frost-und-nebel/>Fotos vom 26. Januar 2022 – Frost und Nebel</a></div><div class="post-nav post-next"><a href=/2022/02/umzug-des-blogs-von-wordpress-zu-hugo-teil-2/>Umzug von WordPress zu Hugo – Teil 2 – Bestandsaufnahme und Korrekturen</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/2021/05/datenbank-von-wordpress-auch-mal-aufraeumen/>Datenbank von WordPress auch mal aufräumen</a></li><li><a href=https://natenom.de/2020/10/wieder-ein-paar-schoene-neuerungen-fuer-meine-webseiten-dank-vrifox/>Wieder ein paar schöne Neuerungen für meine Webseiten – dank Vrifox</a></li><li><a href=https://natenom.de/2018/07/noch-viele-weitere-verbesserungen-in-meinem-blog/>Noch viele weitere Verbesserungen in meinem Blog</a></li><li><a href=https://natenom.de/2016/01/new-release-for-fgallery-1-8-creator-for-static-image-galleries-with-html-css-and-javascript/>New release for fgallery (1.8) – Creator for static image galleries with HTML, CSS and Javascript</a></li><li><a href=https://natenom.de/2015/12/gpeasy-php-durch-hugo-statisches-html-ersetzt/>gpEasy (PHP) durch Hugo (statisches HTML) ersetzt</a></li><li><a href=https://natenom.de/2014/12/blog-etwas-umgestaltet-weniger-ist-mehr/>Blog etwas umgestaltet – weniger ist mehr…</a></li><li><a href=https://natenom.de/2021/01/neues-aussehen-im-blog-mit-der-moeglichkeit-zwischen-hell-und-dunkel-zu-wechseln/>Neues Aussehen im Blog – Mit der Möglichkeit zwischen hell und dunkel zu wechseln</a></li><li><a href=https://natenom.de/2020/09/loesung-fuer-hintergrund-updates-funktionieren-nicht-wie-erwartet-in-wordpress/>Lösung für „Hintergrund-Updates funktionieren nicht wie erwartet“ in WordPress</a></li><li><a href=https://natenom.de/2020/09/ungueltige-sitemap-auf-meinem-blog-repariert/>Ungültige Sitemap auf meinem Blog – repariert</a></li><li><a href=https://natenom.de/2020/09/upgrade-auf-wordpress-5-5-1-endlich-auch-mit-funktionierender-sitemap/>Upgrade auf WordPress 5.5.1 – endlich auch mit funktionierender Sitemap</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%20WordPress%20zu%20Hugo%20%e2%80%93%20Teil%201%20%e2%80%93%20Von%20den%20Gr%c3%bcnden%20bis%20zum%20ersten%20funktionierenden%20Blog&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%2f02%2fumzug-des-blogs-von-wordpress-zu-hugo-teil-1%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%20WordPress%20zu%20Hugo%20%e2%80%93%20Teil%201%20%e2%80%93%20Von%20den%20Gr%c3%bcnden%20bis%20zum%20ersten%20funktionierenden%20Blog&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%2f02%2fumzug-des-blogs-von-wordpress-zu-hugo-teil-1%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> |