{"type":"rich","html":"<div style=\"width: 640; height: 426; font-family: sans-serif,arial,freesans;\" ><div id=\"shared_container_238692246\" class=\"shared_container\"><div id=\"shared_header_238692246\" class=\"shared_header\"><a href=\"https:\/\/hub.hubzilla.hu\/channel\/pepecyb\"><img src=\"https:\/\/klacker.org\/photo\/4c3a0a7c-302f-46a1-86ab-0266372be477-6\" alt=\"Der Pepe (Hubzilla) \u2042\" height=\"32\" width=\"32\" loading=\"lazy\" \/><\/a><span><a href=\"https:\/\/hub.hubzilla.hu\/channel\/pepecyb\">Der Pepe (Hubzilla) \u2042<\/a>  wrote the following  <a href=\"https:\/\/klacker.org\/item\/05b3592c-a250-4acc-88b9-9807ff3c79f8\">post <\/a><span class=\"autotime\" title=\"2026-02-26T18:21:53+01:00\">Thu, 26 Feb 2026 18:21:53 +0100<\/span><\/span><\/div><div id=\"reshared-content-238692246\" class=\"reshared-content\"><strong>Hubzilla-H\u00e4ppchen: Statische Webseiten mit Hubzilla<\/strong><br \/>Mit Hubzilla kann man auch statische Webseiten anbieten, ohne das hubzilla-interne Webseiten-System zu nutzen... das geht mit der Cloud!<br \/><br \/><h3>Beispiel: mdBook-Seiten<\/h3><br \/>Meine Dokumentationen erstelle ich alle mit dem Seitengenerator <a href=\"https:\/\/github.com\/rust-lang\/mdBook\" target=\"_blank\" rel=\"nofollow noopener\">mdBook<\/a> erstellt. Ich nutze dieses System gerne und habe den Workflow inzwischen verinnerlicht. Den gesamten Inhalt erstellt man damit mit Marksown-Dateien, die dann in einer weiteren Markdown-Datei (<code class=\"inline-code\">SUMMARY.md<\/code>) in eine unsortierte Liste verlinkt werden. mdBook kann die Seite mit einem eigenen kleinen Webserver lokal so anzeigen, wie sie letztlich auch auf dem Server ausgeliefert wird. \u00c4nderungen an den Quell-Dateien werden dabei st\u00e4ndig sofort \u00fcbernommen, sodass man jederzeit sieht, wie sich diese auf das Gesamtwerk auswirken.<br \/><br \/>Mit einem anderen Befehl erzeugt mdBook dann die komplette Struktur der statischen Webseite in einem eigenen Verzeichnis. Diesen Inhalt muss man nur auf den Server hochladen und die Seite ist online.<br \/><br \/>Ich habe versuchsweise die mdBook-Webseite \u201cNostr KnowledgeDB\u201d, die ich normalerweise unter <a href=\"https:\/\/ninfo.tnevlos.xyz\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/ninfo.tnevlos.xyz\/<\/a> \u00f6ffentlich anbiete, in das Verzeichnis \u201cnostr_kdb\u201d meines Kanals \u201c<code class=\"inline-code\">thesmokinggnu@klacker.org<\/code>\u201d hochgeladen. Ruft man nun die Datei <a href=\"https:\/\/klacker.org\/cloud\/thesmokinggnu\/nostr_kdb\/index.html\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/klacker.org\/cloud\/thesmokinggnu\/nostr_kdb\/index.html<\/a> auf, wird die mdBook-Seite ganz normal dargestellt und man kann innerhalb der Seite mit s\u00e4mtlichen Features, die mdBook bietet, surfen.<br \/><br \/><a class=\"zrl\" href=\"https:\/\/klacker.org\/photos\/pepecyb\/image\/751687a7-3009-494b-936a-7bc7c59e610f\" target=\"_blank\" rel=\"nofollow noopener\"><img class=\"zrl\" style=\"max-width: 100%;\" src=\"https:\/\/klacker.org\/photo\/751687a7-3009-494b-936a-7bc7c59e610f-2.png\" alt=\"staticsite01.png\" title=\"staticsite01.png\" loading=\"eager\" \/><\/a><br \/><br \/><h3>Beispiel: Hugo-Seiten<\/h3><br \/>Ein sehr bekanntes System zur Erzeugung statischer Webpr\u00e4senzen ist <a href=\"https:\/\/gohugo.io\/\" target=\"_blank\" rel=\"nofollow noopener\">Hugo<\/a>. Auch Hugo-Webseiten kann man benutzbar in der Hubzilla-Cloud anbieten. Man muss daf\u00fcr in der Datei <code class=\"inline-code\">hugo.toml<\/code> bei <code class=\"inline-code\">baseURL<\/code><br \/> die URL des Hubzilla Cloud-Verzeichnisses eintragen und (wichtig) einen weiteren Eintrag <code class=\"inline-code\">uglyURLs = true<\/code> anf\u00fcgen (dieser sorgt daf\u00fcr, dass Verweise innerhalb der Seitenstruktur immer als vollst\u00e4ndige Dateinamen referenziert werden).<br \/><br \/>Als Beispiel habe ich <a href=\"https:\/\/gohugo.io\/getting-started\/quick-start\/\" target=\"_blank\" rel=\"nofollow noopener\">das \u201cber\u00fchmte\u201d Quickstart-Beispiel<\/a> aus der Hugo-Dokumentation verwendet und die erzeugte Seitenstruktur in das Verzeichnis \u201cgohugoqs\u201d hochgeladen. Ruft man nun <a href=\"https:\/\/klacker.org\/cloud\/pepecyb\/gohugoqs\/index.html\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/klacker.org\/cloud\/pepecyb\/gohugoqs\/index.html<\/a> auf, wird die Hugo-Webseite vollst\u00e4ndig nutzbar dargestellt.<br \/><br \/><a class=\"zrl\" href=\"https:\/\/klacker.org\/photos\/pepecyb\/image\/6227dc64-8a4a-4971-8836-19a3f321c096\" target=\"_blank\" rel=\"nofollow noopener\"><img class=\"zrl\" style=\"max-width: 100%;\" src=\"https:\/\/klacker.org\/photo\/6227dc64-8a4a-4971-8836-19a3f321c096-2.png\" alt=\"staticsite02.png\" title=\"staticsite02.png\" loading=\"eager\" \/><\/a><br \/><br \/><h3>Beispiel: Publii<\/h3><br \/>Ein weiteres, sehr komfortables System zur Erstellung statischer Webseiten mit dem Komfort eines modernen CMS ist die Software <a href=\"https:\/\/getpublii.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Publii<\/a>. Ich habe hier zur Demonstration ein Mini-Blog mit dem Standard-Theme &quot;Simple&quot; (es gibt noch etliche andere Themes: <a href=\"https:\/\/marketplace.getpublii.com\/themes\/\" target=\"_blank\" rel=\"nofollow noopener\">Marketplace - Themes<\/a>) und zwei Demo-Artikeln erstellt. Das hat keine f\u00fcnf Minuten gedauert.<br \/><br \/><a class=\"zrl\" href=\"https:\/\/klacker.org\/photos\/pepecyb\/image\/faf36c1d-e01b-4b50-bcb2-8e31ae2d7eb0\" target=\"_blank\" rel=\"nofollow noopener\"><img class=\"zrl\" style=\"max-width: 100%;\" src=\"https:\/\/klacker.org\/photo\/faf36c1d-e01b-4b50-bcb2-8e31ae2d7eb0-2.png\" alt=\"publii-demo.png\" title=\"publii-demo.png\" loading=\"eager\" \/><\/a><br \/><br \/>Wie auch bei Hugo ist es erforderlich, dass Verlinkungen innerhalb der Seitenstruktur das jeweilige Dokument vollst\u00e4ndig referenzieren. Um das zu erreichen w\u00e4hlt man auf der Seite &quot;Seiteneinstellungen&quot;\u00a0\u2794 &quot;Erweiterte Optionen&quot; die Option &quot;Immer index.html zu URL's hinzuf\u00fcgen&quot; aus.<br \/><br \/><a class=\"zrl\" href=\"https:\/\/klacker.org\/photos\/pepecyb\/image\/7c7f0569-97ab-4d11-9896-dbab8e621d1c\" target=\"_blank\" rel=\"nofollow noopener\"><img class=\"zrl\" style=\"max-width: 100%;\" src=\"https:\/\/klacker.org\/photo\/7c7f0569-97ab-4d11-9896-dbab8e621d1c-2.png\" alt=\"publii-demo-sedttings.png\" title=\"publii-demo-sedttings.png\" loading=\"eager\" \/><\/a><br \/><br \/>F\u00fcr das Erstellen w\u00e4hlt man f\u00fcr den &quot;Server&quot; und dort &quot;Relative URL's verwenden&quot; und f\u00fcr den Ausgabetyp &quot;Unkomprimierter Katalog&quot;. Den Inhalt des damit erzeugten Verzeichnisses muss man einfach nur in die Cloud hochladen und die statische Seite ist dann in der Cloud an entsorechnder Stelle \u00fcber index.html erreichbar:<br \/><br \/><a class=\"zrl\" href=\"https:\/\/klacker.org\/photos\/pepecyb\/image\/28dd51d4-f521-4acc-abc5-a6af00b12009\" target=\"_blank\" rel=\"nofollow noopener\"><img class=\"zrl\" style=\"max-width: 100%;\" src=\"https:\/\/klacker.org\/photo\/28dd51d4-f521-4acc-abc5-a6af00b12009-2.png\" alt=\"publii-page.png\" title=\"publii-page.png\" loading=\"eager\" \/><\/a><br \/><br \/>Das Beispiel-Blog ist hier erreichbar: <a href=\"https:\/\/klacker.org\/cloud\/tutorial01\/publiidemo\/index.html\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/klacker.org\/cloud\/tutorial01\/publiidemo\/index.html<\/a>.<\/div><\/div><br \/><\/div>","width":640,"height":426}