{"id":1002,"date":"2021-01-04T18:52:46","date_gmt":"2021-01-04T17:52:46","guid":{"rendered":"https:\/\/digital-cleaning.de\/?p=1002"},"modified":"2021-01-04T20:22:39","modified_gmt":"2021-01-04T19:22:39","slug":"markdown-hugo-web-fuer-minimalistinnen","status":"publish","type":"post","link":"https:\/\/digital-cleaning.de\/index.php\/markdown-hugo-web-fuer-minimalistinnen\/","title":{"rendered":"Markdown + Hugo = Web f\u00fcr Minimalist:innen"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo1-1024x433.jpg\" alt=\"\" class=\"wp-image-1003\" srcset=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo1-1024x433.jpg 1024w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo1-300x127.jpg 300w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo1-768x325.jpg 768w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo1-1536x649.jpg 1536w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo1-2048x866.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>einfach und klar<\/figcaption><\/figure>\n\n\n\n<p class=\"has-background\" style=\"background-color:#dee8f0\">Stellen Sie sich vor: Sie tippen auf einer Schreibmaschine einen Text, halten anschlie\u00dfend das Papier in die Luft &#8211; und eine Sekunde sp\u00e4ter erscheint dieser Text in einem modernen Layout auf einer Webseite. So ungef\u00e4hr kann man sich den Ablauf vorstellen, wenn Textdateien mit dem Tool <em><a rel=\"noreferrer noopener\" href=\"https:\/\/gohugo.io\/\" data-type=\"URL\" data-id=\"https:\/\/gohugo.io\/\" target=\"_blank\">&#8222;Hugo&#8220;<\/a><\/em> kombiniert. Das Ergebnis? Ein Blog, ein Portfolio, eine Dokumentation, ein Foto-Journal &#8211; was immer Sie sich denken k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"has-medium-font-size wp-block-heading\">Ein paar Worte zu Markdown<\/h2>\n\n\n\n<p>In den letzten Jahren wird Markdown zunehmend von Personen gesch\u00e4tzt, die viel mit Text umgehen m\u00fcssen oder wollen &#8211; Journalist:innen oder Autor:innen beispielsweise. Aber auch f\u00fcr Backrezepte, Journaleintr\u00e4ge, Mitschriften, Projektantr\u00e4ge, Besprechungsprotokolle bis hin zu umfangreichen Buchmanuskripten eignet sich diese einfache Form der Texterfassung. Ein simpler Editor ist alles, was man ben\u00f6tigt. Da ich \u00fcber die M\u00f6glichkeiten von Markdown bereits eine kleine Artikelserie verfasst habe (<a href=\"https:\/\/digital-cleaning.de\/index.php\/mit-markdown-ein-robustes-system-fuer-notizen-realisieren-teil-1\/\"><em>&#8222;Mit Markdown ein robustes System f\u00fcr Notizen realisieren&#8220;<\/em><\/a>), mag ein kurzes Video zur Auffrischung gen\u00fcgen:<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2019\/08\/1080p.mov\"><\/video><figcaption>der Fokus liegt auf der Strukturierung von Text<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Markdown-Texte in Highspeed-Webseiten verwandeln mit Hugo<\/h2>\n\n\n\n<p>F\u00fcr eigene Angebote im Web gibt es viele Anl\u00e4sse. Einige Beispiele:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Man m\u00f6chte eine Homepage f\u00fcr den Verein basteln, f\u00fcr den man t\u00e4tig ist. <\/li><li>Ein Reise-Blog soll die besten Fahrrad-Routen aufzeigen, die man im Allg\u00e4u entdeckt hat.<\/li><li>Unterrichtsideen sollen f\u00fcr Kolleg:innen zur Verf\u00fcgung gestellt werden.<\/li><li>Fundst\u00fccke aus dem Archiv der eigenen Stadt sollen \u00f6ffentlich ausgestellt werden.<\/li><li>Literaturbesprechungen, Fotoanregungen, Umweltthemen und &#8230; und &#8230; und.<\/li><\/ul>\n\n\n\n<p>Solche Projekte kann man \u00fcberraschend attraktiv und vielf\u00e4ltig mit simplen Markdown-Texten umsetzen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Das Prinzip von Hugo &amp; Co.<\/h3>\n\n\n\n<p>Ein sehr gro\u00dfer Teil der Seiten im Netz liegt nicht fix und fertig auf den Servern. Vielmehr erzeugt der Klick auf einen Link zun\u00e4chst eine Reihe von Aktionen im Hintergrund: Aktuelle Inhalte werden von Server-Datenbanken \u00fcbertragen, Wetterdaten oder News werden von anderen Servern geholt, Kommentar-Felder mit Datum versehen usw. Dies alles geschieht nat\u00fcrlich sehr schnell, dennoch kann dieser &#8222;Zusammenbau&#8220; zu Verz\u00f6gerungen f\u00fchren, auch die Belastung des Servers kann durch hohe Abrufraten zu &#8222;Stockungen&#8220; f\u00fchren (aktuelles Beispiel: die Schul-Lernplattformen). Weitere Nachteile:<\/p>\n\n\n\n<p>Hugo ist ein prominenter Vertreter von Tools*), die einen anderen Weg beschreiten: Auf Ihrem heimischen PC wird die (HTML-)Webseite bereits vollst\u00e4ndig gestaltet und erst danach auf den Server \u00fcbertragen. Die Besucher Ihres Angebots erhalten also bei jedem Klick umgehend die fertige Seite ohne Verz\u00f6gerungen. Sollten Sie einmal umziehen wollen, so kopieren Sie nur den Hugo-Ordner aus Ihrem PC-Verzeichnis auf den neuen Server &#8211; der Umzug ist in wenigen Sekunden abgeschlossen. Und Sie k\u00f6nnen besonders preiswerte Angebote von den Serveranbietern nutzen, da Sie nur eine kleine Ecke Platz ben\u00f6tigen &#8211; aber auf PHP, MySQL-Datenbanken usw. verzichten k\u00f6nnen.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Sie wissen oft nicht, was komplexe Systeme (z. B. WordPress mit seinen zahlreichen Erweiterungen) in Ihren Blog &#8222;packen&#8220;, was zu rechtlichen Problemen f\u00fchren kann (Stichwort &#8222;DSGVO).<\/li><li>Datenbanken und andere Komponenten auf einem Server sind anf\u00e4llig f\u00fcr Angriffe.<\/li><li>Ein Umzug auf einen neuen Server ist oft mit einem erheblichen Aufwand verbunden.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Der Ablauf<\/h3>\n\n\n\n<p>Hier gibt es eine schlechte, gute und sehr gute Botschaft. Die schlechte Botschaft: Erstinstallation von Hugo (Windows\/MacOS\/Linus) und Einstieg ist f\u00fcr &#8222;Nicht-Nerds&#8220; nicht ganz einfach. Die gute Botschaft<strong>:<a rel=\"noreferrer noopener\" href=\"https:\/\/www.arminhanisch.de\/2018\/06\/hugo-bloggen-ohne-php-und-ohne-datenbank\/\" target=\"_blank\"> Armin hat in seinem Blog<\/a><\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.arminhanisch.de\/2018\/06\/hugo-bloggen-ohne-php-und-ohne-datenbank\/\" target=\"_blank\"> <\/a>eine ausgezeichnete und klein-schrittige Anleitung f\u00fcr Hugo-Neulinge gegeben. Da erspare ich mir die Doppelung &#8211; er kann so was viel besser als ich. Und nun noch die sehr gute Nachricht: Hat man diese erste H\u00fcrde geschafft, ist der weitere Weg unkompliziert. Man erstellt einfache (Markdown-)Textdateien, die man wie gewohnt auf einem Pfad ablegt. Beispielsweise &#8222;C:\\Hugo\\Mein_Blog\\posts&#8220; mit &#8222;1_der-anfang.md&#8220; und &#8222;2_das-ende.md&#8220;. Sp\u00e4ter aktualisiert man bei Bedarf diese Dateien. Oder man f\u00fcgt eine neue hinzu &#8211; etwa &#8222;meine_anschrift.md&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo2-1024x613.jpg\" alt=\"\" class=\"wp-image-1017\" srcset=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo2-1024x613.jpg 1024w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo2-300x180.jpg 300w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo2-768x460.jpg 768w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo2-1536x919.jpg 1536w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo2-2048x1226.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Textdatei und Webseite<\/figcaption><\/figure>\n\n\n\n<p>[1] In der Abbildung links sieht man den Texteditor (ich verwende f\u00fcr Markdown gerne <a rel=\"noreferrer noopener\" href=\"https:\/\/typora.io\/\" target=\"_blank\">Typora<\/a>, aber <a rel=\"noreferrer noopener\" href=\"https:\/\/ia.net\/de\/writer\" target=\"_blank\">iA Writer<\/a> und viele weitere Tools machen hier alle einen guten Job). <br>[2] Jede Textdatei im Verzeichnis ergibt sp\u00e4ter eine Webseite. Speichert man eine neue Textdatei, so entsteht auch eine weitere Webseite.<br>[3] Im Editor tippt man seinen Text, f\u00fcgt Bilder, Links und Zitate ein**). Aber auch Video- und Audio-Dateien k\u00f6nnen eingebunden werden (Hugo verf\u00fcgt f\u00fcr diese Zwecke \u00fcber zus\u00e4tzliche Befehle, die man in die Textdatei aufnimmt.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"691\" src=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo3-1024x691.jpg\" alt=\"\" class=\"wp-image-1022\" srcset=\"https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo3-1024x691.jpg 1024w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo3-300x202.jpg 300w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo3-768x518.jpg 768w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo3-1536x1036.jpg 1536w, https:\/\/digital-cleaning.de\/wp-content\/uploads\/2021\/01\/markhugo3-2048x1382.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Medieninhalte lassen sich mit einem kurzen Befehl einblenden.<\/figcaption><\/figure>\n\n\n\n<p>[4] Eine Vorschau der Webseite kann man jederzeit im Browser aufrufen (Hugo bringt einen kleinen Server mit, der auf dem PC\/Notebook l\u00e4uft). Es gibt zahlreiche <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/themes.gohugo.io\/\" target=\"_blank\">Layout-Vorlagen<\/a><\/strong> (sog. Themes), die man ausw\u00e4hlen kann (man kann auch jederzeit das Theme wechseln).<br>[5] Wenn alles fertig ist, wird der Ordner mit den umgewandelten Seiten auf den &#8222;echten&#8220; Server verschoben.***) Fertig.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fazit<\/h3>\n\n\n\n<p>Wer m\u00f6glichst unkompliziert****) mit einem Blog beginnen m\u00f6chte, der ist nach wie vor mit Systemen wie <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.com\/de\/\" target=\"_blank\">WordPress <\/a>oder <a rel=\"noreferrer noopener\" href=\"https:\/\/digital-cleaning.de\/index.php\/bludit-mini-blog-system-ohne-datenbank\/\" target=\"_blank\">Bludit<\/a> gut bedient (Bludit bringt ja sogar einen Markdown-Editor mit). Allerdings muss auch hier, wenn man  Werbeeinblendungen\/Abo-Geb\u00fchren vermeiden m\u00f6chte, ein gewisser Aufwand zu Beginn in Kauf genommen werden. (Ich selbst benutze WordPress schon \u00fcber 10 Jahre, aber jeder Server-Umzug ist &#8222;anstrengend&#8220; und in den letzten Monaten st\u00f6rt mit der neue Gutenberg-Editor gewaltig, der flottes Schreiben unterbindet.)<\/p>\n\n\n\n<p>Hingegen halte ich das System f\u00fcr jene, die ohnehin Markdown f\u00fcr Texte verwenden, f\u00fcr sehr lohnend. Weitere Pluspunkte:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Man kann in der gewohnten &#8222;Ordner-Text&#8220;-Struktur arbeiten, die man auch f\u00fcr andere (Offline-)Dokumente nutzt und beh\u00e4lt damit die \u00dcbersicht.<\/li><li>Abschnitte aus Dokumenten (z. B. die Einleitung eines Aufsatzes oder zentrale Gedanken) lassen sich einfach in eine Hugo-Textdatei kopieren und gelangen so auf direktem Weg ins Netz.<\/li><li>Man kann beliebig viele unterschiedliche Webangebote (auch mit unterschiedlichem Design) im Hugo-Ordner f\u00fchren. Die Struktur bleibt \u00fcbersichtlich.<\/li><\/ul>\n\n\n\n<p>Hat man Hugo einmal korrekt installiert, so stellt sich wirklich ein &#8222;Schreibmaschinen-Gef\u00fchl&#8220; f\u00fcr das Publizieren von Web-Inhalten ein. Das hat was &#8230; \ud83d\ude09<\/p>\n\n\n\n<p class=\"has-luminous-vivid-amber-background-color has-background\"><a rel=\"noreferrer noopener\" href=\"https:\/\/gohugo.io\/\" target=\"_blank\">Homepage Hugo<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/www.arminhanisch.de\/2018\/06\/hugo-bloggen-ohne-php-und-ohne-datenbank\/\" target=\"_blank\">Tutorial zur Installation<\/a> von Armin<br>Podcast <a rel=\"noreferrer noopener\" href=\"https:\/\/www.iosproduktiv.de\/episode-002-markdown\/\" target=\"_blank\">&#8222;Markdown&#8220;<\/a><br>Podcast <a rel=\"noreferrer noopener\" href=\"https:\/\/www.iosproduktiv.de\/episode-032\/\" target=\"_blank\">&#8222;Hugo ohne Holunder&#8220;<\/a><br><a href=\"https:\/\/www.youtube.com\/watch?v=qtIqKaDlqXo&amp;list=PLLAZ4kZ9dFpOnyRlyS-liKL5ReHDcj4G3\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube-Tutorial-Serie<\/a> von Mike Dane<\/p>\n\n\n\n<p>*) Man findet derartige Tools unter dem Begriff &#8222;Static Site Generators&#8220;. Hier eine <a href=\"https:\/\/jamstack.org\/generators\/\" target=\"_blank\" rel=\"noreferrer noopener\">Liste<\/a>.<\/p>\n\n\n\n<p><em>**) Am Beginn einer Textdatei stehen die Metadaten (z. B. Autor und Datum). Dieser kleine Vorschub wird von Hugo automatisch erzeugt. Man kann diese Daten aber auch von einer vorherigen Datei kopieren und anpassen oder via Makro (siehe Artikel zu <a href=\"https:\/\/digital-cleaning.de\/index.php\/entspannte-texte-mit-fastkeys\/\">&#8222;Fastkeys&#8220;<\/a> im Blog).<\/em><\/p>\n\n\n\n<p><em>***) Der Upload kann z. B. mit dem sehr guten (kostenlosen) Tool <a rel=\"noreferrer noopener\" href=\"https:\/\/freefilesync.org\/\" target=\"_blank\">&#8222;FreeFileSync&#8220;<\/a> automatisiert werden.<\/em><\/p>\n\n\n\n<p>****) Die technischen Installationsbeschreibungen auf der Hugo-Seite sind allerdings unn\u00f6tig abschreckend. Anwender von Windows ben\u00f6tigen nur die eine (!) Mini-&#8222;Hugo.exe&#8220;-Datei, die v\u00f6llig ausreichend ist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Stellen Sie sich vor: Sie tippen auf einer Schreibmaschine einen Text, halten anschlie\u00dfend das Papier in die Luft &#8211; und eine Sekunde sp\u00e4ter erscheint dieser Text in einem modernen Layout auf einer Webseite. So ungef\u00e4hr kann man sich den Ablauf vorstellen, wenn Textdateien mit dem Tool &#8222;Hugo&#8220; kombiniert. Das Ergebnis? Ein Blog, ein Portfolio, eine Dokumentation, ein Foto-Journal &#8211; was immer Sie sich denken k\u00f6nnen. Ein paar Worte zu Markdown In den letzten Jahren wird Markdown zunehmend von Personen gesch\u00e4tzt, die viel mit Text umgehen m\u00fcssen oder wollen &#8211; Journalist:innen oder Autor:innen beispielsweise. Aber auch f\u00fcr Backrezepte, Journaleintr\u00e4ge, Mitschriften, Projektantr\u00e4ge, Besprechungsprotokolle bis hin zu umfangreichen Buchmanuskripten eignet sich diese einfache Form der Texterfassung. Ein simpler Editor ist alles, was man ben\u00f6tigt. Da ich \u00fcber die M\u00f6glichkeiten von Markdown bereits eine kleine Artikelserie verfasst habe (&#8222;Mit Markdown ein robustes System f\u00fcr Notizen realisieren&#8220;), mag ein kurzes Video zur Auffrischung gen\u00fcgen: Markdown-Texte in Highspeed-Webseiten verwandeln mit Hugo F\u00fcr eigene Angebote im Web gibt es viele Anl\u00e4sse. Einige Beispiele: Man m\u00f6chte eine Homepage f\u00fcr den Verein basteln, f\u00fcr den man t\u00e4tig ist. Ein Reise-Blog soll die besten Fahrrad-Routen aufzeigen, die man im Allg\u00e4u entdeckt hat. Unterrichtsideen sollen f\u00fcr Kolleg:innen zur Verf\u00fcgung gestellt werden. Fundst\u00fccke aus dem Archiv der eigenen Stadt sollen \u00f6ffentlich ausgestellt werden. Literaturbesprechungen, Fotoanregungen, Umweltthemen und &#8230; und &#8230; und. Solche Projekte kann man \u00fcberraschend attraktiv und vielf\u00e4ltig mit simplen Markdown-Texten umsetzen. Das Prinzip von Hugo &amp; Co. Ein sehr gro\u00dfer Teil der Seiten im Netz liegt nicht fix und fertig auf den Servern. Vielmehr erzeugt der Klick auf einen Link zun\u00e4chst eine Reihe von Aktionen im Hintergrund: Aktuelle Inhalte werden von Server-Datenbanken \u00fcbertragen, Wetterdaten oder News werden von anderen Servern geholt, Kommentar-Felder mit Datum versehen usw. Dies alles geschieht nat\u00fcrlich sehr schnell, dennoch kann dieser &#8222;Zusammenbau&#8220; zu Verz\u00f6gerungen f\u00fchren, auch die Belastung des Servers kann durch hohe Abrufraten zu &#8222;Stockungen&#8220; f\u00fchren (aktuelles Beispiel: die Schul-Lernplattformen). Weitere Nachteile: Hugo ist ein prominenter Vertreter von Tools*), die einen anderen Weg beschreiten: Auf Ihrem heimischen PC wird die (HTML-)Webseite bereits vollst\u00e4ndig gestaltet und erst danach auf den Server \u00fcbertragen. Die Besucher Ihres Angebots erhalten also bei jedem Klick umgehend die fertige Seite ohne Verz\u00f6gerungen. Sollten Sie einmal umziehen wollen, so kopieren Sie nur den Hugo-Ordner aus Ihrem PC-Verzeichnis auf den neuen Server &#8211; der Umzug ist in wenigen Sekunden abgeschlossen. Und Sie k\u00f6nnen besonders preiswerte Angebote von den Serveranbietern nutzen, da Sie nur eine kleine Ecke Platz ben\u00f6tigen &#8211; aber auf PHP, MySQL-Datenbanken usw. verzichten k\u00f6nnen. Sie wissen oft nicht, was komplexe Systeme (z. B. WordPress mit seinen zahlreichen Erweiterungen) in Ihren Blog &#8222;packen&#8220;, was zu rechtlichen Problemen f\u00fchren kann (Stichwort &#8222;DSGVO). Datenbanken und andere Komponenten auf einem Server sind anf\u00e4llig f\u00fcr Angriffe. Ein Umzug auf einen neuen Server ist oft mit einem erheblichen Aufwand verbunden. Der Ablauf Hier gibt es eine schlechte, gute und sehr gute Botschaft. Die schlechte Botschaft: Erstinstallation von Hugo (Windows\/MacOS\/Linus) und Einstieg ist f\u00fcr &#8222;Nicht-Nerds&#8220; nicht ganz einfach. Die gute Botschaft: Armin hat in seinem Blog eine ausgezeichnete und klein-schrittige Anleitung f\u00fcr Hugo-Neulinge gegeben. Da erspare ich mir die Doppelung &#8211; er kann so was viel besser als ich. Und nun noch die sehr gute Nachricht: Hat man diese erste H\u00fcrde geschafft, ist der weitere Weg unkompliziert. Man erstellt einfache (Markdown-)Textdateien, die man wie gewohnt auf einem Pfad ablegt. Beispielsweise &#8222;C:\\Hugo\\Mein_Blog\\posts&#8220; mit &#8222;1_der-anfang.md&#8220; und &#8222;2_das-ende.md&#8220;. Sp\u00e4ter aktualisiert man bei Bedarf diese Dateien. Oder man f\u00fcgt eine neue hinzu &#8211; etwa &#8222;meine_anschrift.md&#8220;. [1] In der Abbildung links sieht man den Texteditor (ich verwende f\u00fcr Markdown gerne Typora, aber iA Writer und viele weitere Tools machen hier alle einen guten Job). [2] Jede Textdatei im Verzeichnis ergibt sp\u00e4ter eine Webseite. Speichert man eine neue Textdatei, so entsteht auch eine weitere Webseite.[3] Im Editor tippt man seinen Text, f\u00fcgt Bilder, Links und Zitate ein**). Aber auch Video- und Audio-Dateien k\u00f6nnen eingebunden werden (Hugo verf\u00fcgt f\u00fcr diese Zwecke \u00fcber zus\u00e4tzliche Befehle, die man in die Textdatei aufnimmt.) [4] Eine Vorschau der Webseite kann man jederzeit im Browser aufrufen (Hugo bringt einen kleinen Server mit, der auf dem PC\/Notebook l\u00e4uft). Es gibt zahlreiche Layout-Vorlagen (sog. Themes), die man ausw\u00e4hlen kann (man kann auch jederzeit das Theme wechseln).[5] Wenn alles fertig ist, wird der Ordner mit den umgewandelten Seiten auf den &#8222;echten&#8220; Server verschoben.***) Fertig. Fazit Wer m\u00f6glichst unkompliziert****) mit einem Blog beginnen m\u00f6chte, der ist nach wie vor mit Systemen wie WordPress oder Bludit gut bedient (Bludit bringt ja sogar einen Markdown-Editor mit). Allerdings muss auch hier, wenn man Werbeeinblendungen\/Abo-Geb\u00fchren vermeiden m\u00f6chte, ein gewisser Aufwand zu Beginn in Kauf genommen werden. (Ich selbst benutze WordPress schon \u00fcber 10 Jahre, aber jeder Server-Umzug ist &#8222;anstrengend&#8220; und in den letzten Monaten st\u00f6rt mit der neue Gutenberg-Editor gewaltig, der flottes Schreiben unterbindet.) Hingegen halte ich das System f\u00fcr jene, die ohnehin Markdown f\u00fcr Texte verwenden, f\u00fcr sehr lohnend. Weitere Pluspunkte: Man kann in der gewohnten &#8222;Ordner-Text&#8220;-Struktur arbeiten, die man auch f\u00fcr andere (Offline-)Dokumente nutzt und beh\u00e4lt damit die \u00dcbersicht. Abschnitte aus Dokumenten (z. B. die Einleitung eines Aufsatzes oder zentrale Gedanken) lassen sich einfach in eine Hugo-Textdatei kopieren und gelangen so auf direktem Weg ins Netz. Man kann beliebig viele unterschiedliche Webangebote (auch mit unterschiedlichem Design) im Hugo-Ordner f\u00fchren. Die Struktur bleibt \u00fcbersichtlich. Hat man Hugo einmal korrekt installiert, so stellt sich wirklich ein &#8222;Schreibmaschinen-Gef\u00fchl&#8220; f\u00fcr das Publizieren von Web-Inhalten ein. Das hat was &#8230; \ud83d\ude09 Homepage HugoTutorial zur Installation von ArminPodcast &#8222;Markdown&#8220;Podcast &#8222;Hugo ohne Holunder&#8220;YouTube-Tutorial-Serie von Mike Dane *) Man findet derartige Tools unter dem Begriff &#8222;Static Site Generators&#8220;. Hier eine Liste. **) Am Beginn einer Textdatei stehen die Metadaten (z. B. Autor und Datum). Dieser kleine Vorschub wird von Hugo automatisch erzeugt. Man kann diese Daten aber auch von einer vorherigen Datei kopieren und anpassen oder via Makro (siehe Artikel zu &#8222;Fastkeys&#8220; im Blog). ***) Der Upload kann z. B. mit dem sehr guten (kostenlosen) Tool &#8222;FreeFileSync&#8220; automatisiert werden. ****) Die technischen Installationsbeschreibungen auf der Hugo-Seite sind allerdings unn\u00f6tig abschreckend. Anwender von Windows ben\u00f6tigen nur die eine (!) Mini-&#8222;Hugo.exe&#8220;-Datei, die v\u00f6llig ausreichend ist.<\/p>\n","protected":false},"author":1,"featured_media":1003,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1002","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/posts\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":20,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/posts\/1002\/revisions"}],"predecessor-version":[{"id":1031,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/posts\/1002\/revisions\/1031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/media\/1003"}],"wp:attachment":[{"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/categories?post=1002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digital-cleaning.de\/index.php\/wp-json\/wp\/v2\/tags?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}