natenom-website-dump-2024-0.../natenom.de/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/index.html

207 lines
54 KiB
HTML
Raw Normal View History

2024-02-01 17:43:06 +01:00
<!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>Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr - 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="Der kleine Elefant hat schon länger einen eigenen Blog und alle x Zeit versuche ich, dem seine ganzen Selfies nach und nach auch in seinen Blog zu schubsen. Aktuell hängt das ordentlich hinterher und ich habe überlegt, wie ich mir viel Arbeit sparen könnte.
Ich muss dazu jeden wichtigen Toot aus der Timeline heraussuchen, den Text kopieren, die zugehörigen Fotos von der lokalen Festplatte heraussuchen, passend benennen und dann einen Blogpost in Hugo erstellen.
Deshalb habe ich nach Tools gesucht, die diese Arbeit vereinfachen und z. B. eine lokale Version der Timeline zur Verfügung stellen, damit ich diese Arbeit auch ohne Netzwerkzugang machen kann."><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://natenom.de/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/cover.webp"><meta name=twitter:title content="Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr"><meta name=twitter:description content="Der kleine Elefant hat schon länger einen eigenen Blog und alle x Zeit versuche ich, dem seine ganzen Selfies nach und nach auch in seinen Blog zu schubsen. Aktuell hängt das ordentlich hinterher und ich habe überlegt, wie ich mir viel Arbeit sparen könnte.
Ich muss dazu jeden wichtigen Toot aus der Timeline heraussuchen, den Text kopieren, die zugehörigen Fotos von der lokalen Festplatte heraussuchen, passend benennen und dann einen Blogpost in Hugo erstellen.
Deshalb habe ich nach Tools gesucht, die diese Arbeit vereinfachen und z. B. eine lokale Version der Timeline zur Verfügung stellen, damit ich diese Arbeit auch ohne Netzwerkzugang machen kann."><meta property="og:title" content="Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr"><meta property="og:description" content="Der kleine Elefant hat schon länger einen eigenen Blog und alle x Zeit versuche ich, dem seine ganzen Selfies nach und nach auch in seinen Blog zu schubsen. Aktuell hängt das ordentlich hinterher und ich habe überlegt, wie ich mir viel Arbeit sparen könnte.
Ich muss dazu jeden wichtigen Toot aus der Timeline heraussuchen, den Text kopieren, die zugehörigen Fotos von der lokalen Festplatte heraussuchen, passend benennen und dann einen Blogpost in Hugo erstellen.
Deshalb habe ich nach Tools gesucht, die diese Arbeit vereinfachen und z. B. eine lokale Version der Timeline zur Verfügung stellen, damit ich diese Arbeit auch ohne Netzwerkzugang machen kann."><meta property="og:type" content="article"><meta property="og:url" content="https://natenom.de/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/"><meta property="og:image" content="https://natenom.de/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/cover.webp"><meta property="article:section" content="posts"><meta property="article:published_time" content="2023-08-06T17:36:04+02:00"><meta property="article:modified_time" content="2023-08-06T17:36:04+02:00"><meta itemprop=name content="Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr"><meta itemprop=description content="Der kleine Elefant hat schon länger einen eigenen Blog und alle x Zeit versuche ich, dem seine ganzen Selfies nach und nach auch in seinen Blog zu schubsen. Aktuell hängt das ordentlich hinterher und ich habe überlegt, wie ich mir viel Arbeit sparen könnte.
Ich muss dazu jeden wichtigen Toot aus der Timeline heraussuchen, den Text kopieren, die zugehörigen Fotos von der lokalen Festplatte heraussuchen, passend benennen und dann einen Blogpost in Hugo erstellen.
Deshalb habe ich nach Tools gesucht, die diese Arbeit vereinfachen und z. B. eine lokale Version der Timeline zur Verfügung stellen, damit ich diese Arbeit auch ohne Netzwerkzugang machen kann."><meta itemprop=datePublished content="2023-08-06T17:36:04+02:00"><meta itemprop=dateModified content="2023-08-06T17:36:04+02:00"><meta itemprop=wordCount content="1000"><meta itemprop=image content="https://natenom.de/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/cover.webp"><meta itemprop=keywords content="Social Media,Mastodon,Archiv,HTML,Python,Kagube,Blog,"><meta property="og:image:alt" content="Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr"><meta name=twitter:image:alt content="Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr"><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">Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr</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">Tool für lokales Mastodon-Archiv, HTML-Export, Suchfunktion und mehr</h1></div><div class=card-body><div class="post-meta mb-3"><span class="post-date me-1 mb-1" title="Erstellt am 2023-08-06 17:36:04 +0200 CEST.">Sonntag, 6. August 2023</span><span class="post-reading-time me-1 mb-1">5 Min. Lesezeit</span><a href=/categories/diverses/ 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>Diverses</a><a href=/tags/archiv/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Archiv</a><a href=/tags/blog/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Blog</a><a href=/tags/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/kagube/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Kagube</a><a href=/tags/mastodon/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Mastodon</a><a href=/tags/python/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Python</a><a href=/tags/social-media/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Social Media</a></div><div id=postTOC class=toc-details><details open><summary>Inhaltsverzeichnis</summary><nav id=TableOfContents><ul><li><a href=#zwei-methoden-für-erstellung-eines-archivs-von-mastodon>Zwei Methoden für Erstellung eines Archivs von Mastodon</a></li><li><a href=#das-tool-mastodon-archive>Das Tool mastodon-archive</a></li><li><a href=#installation>Installation</a></li><li><a href=#archiv-für-einen-mastodon-account-erstellen>Archiv für einen Mastodon-Account erstellen</a></li><li><a href=#lokales-archiv-als-html-datei-exportieren>Lokales Archiv als HTML-Datei exportieren</a></li><li><a href=#anpassungen-des-codes-für-eigene-anforderungen>Anpassungen des Codes für eigene Anforderungen</a></li><li><a href=#nach-einem-string-suchen>Nach einem String suchen</a></li><li><a href=#status-mehrzahl-löschen>Status (Mehrzahl) löschen</a></li><li><a href=#report>Report</a></li><li><a href=#noch-mehr-vereinfachen>Noch mehr vereinfachen?</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>Der <a href=https://kagube.de/>kleine Elefant hat schon länger einen eigenen Blog</a> und alle x Zeit versuche ich, dem seine ganzen Selfies nach und nach auch in seinen Blog zu schubsen. Aktuell hängt das ordentlich hinterher und ich habe überlegt, wie ich mir viel Arbeit sparen könnte.</p><p>Ich muss dazu jeden wichtigen Toot aus der Timeline heraussuchen, den Text kopieren, die zugehörigen Fotos von der lokalen Festplatte heraussuchen, passend benennen und dann einen Blogpost in Hugo erstellen.</p><p>Deshalb habe ich nach Tools gesucht, die diese Arbeit vereinfachen und z. B. eine lokale Version der Timeline zur Verfügung stellen, damit ich diese Arbeit auch ohne Netzwerkzugang machen kann.</p></div><div id=post-content-body><h2 id=zwei-methoden-für-erstellung-eines-archivs-von-mastodon data-numberify>Zwei Methoden für Erstellung eines Archivs von Mastodon<a class="anchor ms-1" href=#zwei-methoden-für-erstellung-eines-archivs-von-mastodon></a></h2><p>Es gibt zwei verschiedene Methoden:</p><ol><li>In Mastodon anmelden und in den Einstellungen das eigene Archiv anfordern und dieses herunterladen. Dort sind alle Status (Mehrzahl 🥳) enthalten und auch alle hochgeladenen Medien. Händisch möchte ich aus diesem Archiv nichts heraussuchen müssen, da es aus json-Dateien und einer Verzeichnisstruktur für die Mediendateien besteht. Hierfür gibt es jedoch verschiedene Tools, die ein solches Archiv präsentieren und erkundbar darstellen.</li><li>Ein Tool, wie das hier vorgestellte, lädt mit entsprechenden Berechtigungen selbst Boots, Toots und alles andere (Fotos, …) direkt vom Mastodon-Server herunter und erstellt lokal ein eigenes Archiv.</li></ol><h2 id=das-tool-mastodon-archive data-numberify>Das Tool mastodon-archive<a class="anchor ms-1" href=#das-tool-mastodon-archive></a></h2><p>Es gibt mehrere solcher Werkzeuge, mit gefällt <a class=urlextern href=https://github.com/kensanata/mastodon-archive>mastodon-archive</a>. Es ist in Python geschrieben, lässt sich via pip/pipx installieren, fordert Berechtigungen zu
</span></span><span style=display:flex><span>cd archiv
</span></span></code></pre></div><p>Dann werden alle Status (Mehrzahl) usw. heruntergeladen, wobei ich kein Interesse an Favoriten und Bookmarks habe:</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>&gt; mastodon-archive archive --no-favourites --no-bookmarks ploggifanti@plushies.social
</span></span><span style=display:flex><span>Registering app
</span></span><span style=display:flex><span>This app needs access to your Mastodon account.
</span></span><span style=display:flex><span>Visit the following URL and authorize the app:
</span></span><span style=display:flex><span>https://plushies.social/oauth/authorize?client_id<span style=color:#f92672>=</span>&amp;response_type<span style=color:#f92672>=[</span><span style=color:#f92672>]</span>&amp;<span style=color:#f92672>[</span><span style=color:#f92672>]</span>
</span></span><span style=display:flex><span>Then paste the access token here:
</span></span><span style=display:flex><span>abcdefgh…
</span></span><span style=display:flex><span>Get user info
</span></span><span style=display:flex><span>Get all statuses <span style=color:#f92672>(</span>this may take a <span style=color:#66d9ef>while</span><span style=color:#f92672>)</span>
</span></span><span style=display:flex><span>Get favourites <span style=color:#f92672>(</span>this may take a <span style=color:#66d9ef>while</span><span style=color:#f92672>)</span>
</span></span><span style=display:flex><span>Get bookmarks <span style=color:#f92672>(</span>this may take a <span style=color:#66d9ef>while</span><span style=color:#f92672>)</span>
</span></span><span style=display:flex><span>Skipping mentions
</span></span><span style=display:flex><span>Skipping followers
</span></span><span style=display:flex><span>Skipping following
</span></span><span style=display:flex><span>Saving <span style=color:#ae81ff>182</span> statuses, <span style=color:#ae81ff>354</span> favourites, <span style=color:#ae81ff>5</span> bookmarks, <span style=color:#ae81ff>0</span> mentions, <span style=color:#ae81ff>0</span> followers, and <span style=color:#ae81ff>0</span> following
</span></span></code></pre></div><p>Dann lädt man zusätzlich alle Bilder und Videos herunter:</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>&gt; mastodon-archive media ploggifanti@plushies.social
</span></span><span style=display:flex><span><span style=color:#ae81ff>168</span> urls in your backup <span style=color:#f92672>(</span><span style=color:#ae81ff>83</span> are previews<span style=color:#f92672>)</span>
</span></span><span style=display:flex><span>Downloading |<span style=color:#75715e>############################# | 160/168</span>
</span></span></code></pre></div><p>Das wars schon. Alles weitere geht jetzt auch ohne Netzwerkanbindung.</p><p>Zu einem späteren Zeitpunkt kann man beides erneut ausführen, damit neuere Daten heruntergeladen und zum lokalen Archiv hinzugefügt werden.</p><h2 id=lokales-archiv-als-html-datei-exportieren data-numberify>Lokales Archiv als HTML-Datei exportieren<a class="anchor ms-1" href=#lokales-archiv-als-html-datei-exportieren></a></h2><p>Hiermit wird im aktuellen Verzeichnis eine HTML-Datei erstellt, die alle Status (Mehrzahl) enthält.</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>&gt; mastodon-archive html ploggifanti@plushies.social
</span></span><span style=display:flex><span>Loading existing archive: plushies.social.user.ploggifanti.json
</span></span><span style=display:flex><span>Writing plushies.social.user.ploggifanti.statuses.0.html
</span></span></code></pre></div><h2 id=anpassungen-des-codes-für-eigene-anforderungen data-numberify>Anpassungen des Codes für eigene Anforderungen<a class="anchor ms-1" href=#anpassungen-des-codes-für-eigene-anforderungen></a></h2><p>Ich habe den Python-Code für die Erstellung des HTML-Archivs etwas angepasst. Zum einen brauche ich daran keine Boosts anderer Toots und zum anderen habe ich einen Fehler beim Anzeigen von Bildern behoben; per Voreinstellung werden diese nur teilweise dargestellt.</p><p>Dazu habe ich die Datei <code>html.py</code> wie folgt angepasst:</p><ul><li>Boosts nicht exportieren:<ul><li>Nach Zeile 241 <code>if status["reblog"] is not None:</code> ein <code>return</code> eingefügt, damit der Code für Boosts nicht ausgeführt wird.</li></ul></li><li>Fix für Darstellung von Bildern:<ul><li>Zeile 118 <code>height: 110px;</code> auskommentiert.</li><li>Zeile 138 <code>transform: translateY(-50%%);</code> auskommentiert.</li></ul></li></ul><p>So sieht die erstellte HTML-Datei für den Account vom kleinen Elefanten aus:</p><figure class=image-caption><a href=2023-08-06-vorschau-mastodon-archiv.webp><picture><source type=webp srcset=/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/2023-08-06-vorschau-mastodon-archiv.webp><img alt src=/2023/08/tool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr/2023-08-06-vorschau-mastodon-archiv.webp title width=648 height=2408 loading=lazy></picture></a></figure><h2 id=nach-einem-string-suchen data-numberify>Nach einem String suchen<a class="anchor ms-1" href=#nach-einem-string-suchen></a></h2><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>&gt; mastodon-archive text ploggifanti@plushies.social wald
</span></span><span style=display:flex><span>Kagube @ploggifanti 2023-07-13T19:09:00.188000+00:00
</span></span><span style=display:flex><span>🔗 https://plushies.social/@ploggifanti/110708348694463740
</span></span><span style=display:flex><span>🐘Heut hab ich mir ein
</span></span><span style=display:flex><span><span style=color:#f92672>[</span><span style=color:#75715e>#DemKleinenElefantenSeinTäglichesSelfie](https://plushies.social/tags/DemKleinenElefantenSeinT%C3%A4glichesSelfie)</span>
</span></span><span style=display:flex><span>auf ner Landstraße mit Sonnenuntergangsstimmung und Wald und Linien und so
</span></span><span style=display:flex><span>gewünscht.
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>🐘Nebenbei guckn, ob nicht jmd mitm Auto kommt. 🤪🖻 plushies.social.user.ploggifanti/plushiessocial/media_attachments/files/110/708/348/622/325/544/original/3f9e6457b052ea0e.webp
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>Kagube @ploggifanti 2023-08-01T15:18:55.330000+00:00
</span></span><span style=display:flex><span>🔗 https://plushies.social/@ploggifanti/110815027876908056
</span></span><span style=display:flex><span>🐘Wir waren heute 40km mit dem Fahrrad unterwegs und haben schöne Momente für
</span></span><span style=display:flex><span>euch eingepackt.
</span></span><span style=display:flex><span>...
</span></span><span style=display:flex><span>🐘Hier warn wir im Wald🎁🌳
</span></span><span style=display:flex><span>🐘Hier auf der <span style=color:#f92672>[</span><span style=color:#75715e>#Pausenbank](https://plushies.social/tags/Pausenbank) sonnen 🎁💺 </span>
</span></span><span style=display:flex><span>🐘Hier die schöne Landschaft 🏞🎁
</span></span><span style=display:flex><span>🐘Und hier im Garten 🎁🏡
</span></span><span style=display:flex><span>🐘Das ist ganz besonders toll. Auf der Wiese sitzen und dem Wind zuhören, was
</span></span><span style=display:flex><span>der so alles zu erzählen hat. ☁🎁
</span></span><span style=display:flex><span>🐘Und dann auch noch der Moment mit
</span></span><span style=display:flex><span><span style=color:#f92672>[</span><span style=color:#75715e>#Blümchenbaden](https://plushies.social/tags/Bl%C3%BCmchenbaden) vom</span>
</span></span><span style=display:flex><span><span style=color:#f92672>[</span><span style=color:#75715e>#DemKleinenElefantenSeinTäglichesSelfie](https://plushies.social/tags/DemKleinenElefantenSeinT%C3%A4glichesSelfie)</span>
</span></span><span style=display:flex><span>🎁💐
</span></span><span style=display:flex><span>🐘Viel Spaß damit und bis wieder gesund.
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>🐘🤗
</span></span><span style=display:flex><span>🚴🤗
</span></span></code></pre></div><h2 id=status-mehrzahl-löschen data-numberify>Status (Mehrzahl) löschen<a class="anchor ms-1" href=#status-mehrzahl-löschen></a></h2><p>Mit dem Tool kann man auch Status löschen, siehe <a class=urlextern href=https://github.com/kensanata/mastodon-archive#expiring-your-toots-and-favourites>hier</a>.</p><p>So löscht man z. B. alle Status, die älter als zwei Wochen sind, sofern man noch <code>--confirm</code> angibt:</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>mastodon-archive expire --older-than <span style=color:#ae81ff>2</span> ploggifanti@plushies.social
</span></span><span style=display:flex><span>Loading existing archive: plushies.social.user.ploggifanti.json
</span></span><span style=display:flex><span>This is a dry run and nothing will be expired.
</span></span><span style=display:flex><span>Instead, we<span style=color:#960050;background-color:#1e0010>&#39;</span>ll just list what would have happened.
</span></span><span style=display:flex><span>Use --confirmed to actually <span style=color:#66d9ef>do</span> it.
</span></span><span style=display:flex><span>Delete: 2023-07-19 <span style=color:#e6db74>&#34;🐘Ich hab den 🚴 ganz dolle angefeuert, damit wir no...&#34;</span>
</span></span><span style=display:flex><span>Delete: 2023-06-09 <span style=color:#e6db74>&#34;🐘Du, 🚴, wann sind wir da? 🚴Wir sind doch gar nic...&#34;</span>
</span></span><span style=display:flex><span>Delete: 2023-07-21 <span style=color:#e6db74>&#34;🐘Der 🚴 und der 🐘: 🤪 🐘Immer sind wir draußen und ...&#34;</span>
</span></span><span style=display:flex><span>Delete: 2023-07-02 <span style=color:#e6db74>&#34;@Okona 🐘Dafür sind wir gestern extra nach #Tübin...&#34;</span>
</span></span></code></pre></div><div class="shortcode-notice hinweis"><div class="shortcode-notice-title hinweis">Hinweis</div><div class=notice-content>Wenn ich das richtig verstehe, bleiben Toots im lokalen Archiv auch dann erhalten, wenn man sie mit diesem Tool online löschen lässt. Das finde ich gut. So kann ich das lokale Archiv immer mal wieder aktualisieren und trotzdem online alles nach x Zeit löschen lassen.</div></div><h2 id=report data-numberify>Report<a class="anchor ms-1" href=#report></a></h2><p>Es gibt auch die Möglichkeit, ein paar Infos zum Account auszugeben, siehe <a class=urlextern href=https://github.com/kensanata/mastodon-archive#reporting>hier</a>.</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>&gt; mastodon-archive report --all ploggifanti@plushies.social
</span></span><span style=display:flex><span>Considering the entire archive
</span></span><span style=display:flex><span>Statuses: <span style=color:#ae81ff>182</span>
</span></span><span style=display:flex><span>Boosts: <span style=color:#ae81ff>15</span>
</span></span><span style=display:flex><span>Media: <span style=color:#ae81ff>74</span>
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>Top <span style=color:#ae81ff>10</span> hashtags:
</span></span><span style=display:flex><span><span style=color:#75715e>#demkleinenelefantenseintaglichesselfie(48) #gpn21(5) #pausenbank(4)</span>
</span></span><span style=display:flex><span><span style=color:#75715e>#criticalmass(3) #kasrue(3) #karlsruhe(2) #fahrradfreitag(2)</span>
</span></span><span style=display:flex><span><span style=color:#75715e>#tubingen(2) #tubix(2) #kde(2)</span>
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>Favourites: <span style=color:#ae81ff>354</span>
</span></span><span style=display:flex><span>Boosts: <span style=color:#ae81ff>0</span>
</span></span><span style=display:flex><span>Media: <span style=color:#ae81ff>82</span>
</span></span><span style=display:flex><span>
</span></span><span style=display:flex><span>Top <span style=color:#ae81ff>10</span> hashtags:
</span></span><span style=display:flex><span><span style=color:#75715e>#turnverein(11) #demkleinenelefantenseintaglichesselfie(5)</span>
</span></span><span style=display:flex><span><span style=color:#75715e>#baumklettern(5) #turnvereinys(3) #barland(3) #schlafschlaf(3)</span>
</span></span><span style=display:flex><span><span style=color:#75715e>#eichhornchen(3) #fahrradfreitag(2) #kidicalmass(2) #bamberg(2)</span>
</span></span></code></pre></div><h2 id=noch-mehr-vereinfachen data-numberify>Noch mehr vereinfachen?<a class="anchor ms-1" href=#noch-mehr-vereinfachen></a></h2><p>Das generierte HTML-Archiv hilft mir schon sehr beim Erstellen der Blogbeiträge für den kleinen Elefanten.</p><p>Es müsste doch aber auch möglich sein aus diesem Archiv auch direkt Blogbeiträgt für Hugo zu generieren. Mal sehen, wie faul ich bin und ob mir die lokale HTML-Datei schon ausreicht oder ich versuchen werde, das auch noch zu automatisieren, sodass ich am Ende ein Kommando ausführen kann und anhand der Mastodon-Timeline automatisch der Content für Hugo erstellt wird.</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=/2023/08/umstieg-von-dolphin-zu-krusader/>Umstieg von Dolphin zu Krusader</a></div><div class="post-nav post-next"><a href=/2023/08/neue-farben-fuer-krusader/>Neue Farben für Krusader</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/05/auswirkungen-von-dezentralitaet-mastodon-fediverse-traffic-und-last-fuer-webserver/>Auswirkungen der Dezentralität von Mastodon und Fediverse Traffic und Last für Webserver</a></li><li><a href=https://natenom.de/2023/05/mehr-aufloesung-fuer-fotos-im-blog/>Mehr Auflösung für Fotos im Blog</a></li><li><a href=https://natenom.de/2023/01/aenderungen-an-meinen-websites/>Änderungen an meinen Websites</a></li><li><a href=https://natenom.de/2022/11/alte-troets-von-mastodon-loeschen/>Alte Tröts auf Mastodon löschen</a></li><li><a href=https://natenom.de/2022/11/transparenz-fuer-kommentare-im-blog-via-mastodon/>Transparenz für Kommentare im Blog via Mastodon</a></li><li><a href=https://natenom.de/2022/11/kommentare-in-meinem-statischen-blog-via-mastodon/>Kommentare in meinem statischen Blog via Mastodon</a></li><li><a href=https://natenom.de/2022/09/wie-man-im-blog-hugo-ein-eigenes-bild-fuer-die-suchseite-einstellt/>Wie man im Blog (Hugo) ein eigenes Bild für die Suchseite einstellt</a></li><li><a href=https://natenom.de/2022/09/updates-fuer-bootstrap-theme-fuer-hugo/>Updates für Bootstrap Theme für Hugo</a></li><li><a href=https://natenom.de/2022/04/einbindung-von-bildern-in-hugo-infos-und-render-hook/>Einbindung von Bildern in Hugo Infos und eigener Render Hook</a></li><li><a href=https://natenom.de/2021/03/alte-toots-eines-mastodon-accounts-automatisiert-loeschen/>Alte Toots eines Mastodon-Accounts automatisiert löschen</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: Tool%20f%c3%bcr%20lokales%20Mastodon-Archiv%2c%20HTML-Export%2c%20Suchfunktion%20und%20mehr&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%2f2023%2f08%2ftool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr%2f'>Hier klicken</a></p><p>Nicht öffentliche Anmerkung per E-Mail: <a href='mailto:natenom@posteo.de?subject=Persönliche Anmerkung zum Blogbeitrag: Tool%20f%c3%bcr%20lokales%20Mastodon-Archiv%2c%20HTML-Export%2c%20Suchfunktion%20und%20mehr&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%2f2023%2f08%2ftool-fuer-lokales-mastodon-archiv-html-export-suchfunktion-und-mehr%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="p
<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>