Webseiten on Iveco Daily 4x4, Hunde und multithematisches Blog

Hugo und die Krux mit dem Zeilenumbruch

Mon, 30 Oct 2023 18:54:47 +0100

Da hab ich also am Wochenende mein schönes Linux aktualisiert - und dabei kam eine neue Hugo-Version mit. Und weiters arbeite ich an einem Webseitenprojekt mit, das auch von anderen bearbeitet wird.

Trennung von Struktur und Design/Inhalt und Layout

Fri, 18 Jun 2021 23:21:45 +0200

In den letzten Tagen hatte ich einige Diskussionen zu führen über den Neustart einer gemeinsam zu erstellenden und zu pflegenden Informations-Webseite. Unterschiedliche Auffassungen gab es über die Art und Weise, auf welche Art und Weise die Texte zu schreiben sind …

Ein Kommentarsystem für Hugo-Webseiten

Sun, 01 Nov 2020 05:30:37 +0100

Vielerorts wird für die Einbindung eines Kommentarsystems in statische Webseiten die Verwendung externer Dienste, wie z. B. Disqus, empfohlen. Aber: ich will ja nicht die Besucher meiner Webseiten an irgendwelche schrägen Dienste in datenschutzrechtlich unsicheren Drittstaaten verkaufen …

Paßt der Aufbau meiner Homepage zur Ausstattung meiner Besucher?

Sun, 16 Aug 2020 00:51:55 +0200

Die gute Nachricht zuerst: Ich muß mich nicht einsam fühlen, weder als Linux- noch als Firefox-Nutzer …

Kampf gegen Formularspam: Blacklists im Vergleich

Sat, 28 Dec 2019 02:40:32 +0100

Lange Zeit habe ich es mir einfach gemacht: Google-Mail, hotmail und wie die amerikanischen Dienste alle heißen: Wer mit so einer e-mail-Adresse daherkam, der war eben ausgesperrt von meinem Kontaktformular.

git für Nicht-Programmierer - Teil 3 - Versionsstände untersuchen und wiederherstellen

Tue, 19 Nov 2019 00:00:00 +0000

Diese Folge des git-Tutorials schließt sich unmittelbar an den in Teil2 beschriebenen Arbeitsablauf an. Dort haben wir mit Dateien gearbeitet und Änderungen als Commits in git gespeichert. Nun wollen wir die gespeicherten Zustände ansehen und “zurückholen”.

Hugo und PHP? (Teil 2)

Thu, 14 Mar 2019 00:00:00 +0000

Eine Crux mit statischen Webseiten ist … sie sind statisch. Und genau daraus ergeben sich ja auch die entscheidenden Vorteile dieses Webseitentyps.

So hatte ich den ersten Artikel zum Thema PHP in Hugo begonnen.

git für Nicht-Programmierer - Teil 2 - Dateien in der Versionskontrolle

Sun, 12 Nov 2017 00:00:00 +0000

Auf Basis des Grundlagenartikels mit einer Erklärung des Programmes git und den Aufgaben und Möglichkeiten, die eine Versionsverwaltung bietet, ging es im Teil 1 dieser Serie um die Installation und Einrichtung von git. Heute geht es um die Erläuterung der wesentlichen Arbeitsschritte bei der Nutzung von git.

Social Media - statische Buttons

Wed, 22 Mar 2017 00:00:00 +0000

Nun hab ich mich lange gewehrt, solche Datensammel-Buttons auf meiner Seite zu integrieren, aber ich habe mir sagen lassen, daß die “sozialen Netzwerke” immer noch genutzt werden und Leute auch noch Artikel “sharen”, “liken” und “tweeten”.

Ich nutze für meine Webseiten den statischen Webseiten-Generator Hugo,

Tote Links und redirect

Fri, 03 Mar 2017 00:00:00 +0000

Wie beschrieben habe ich kürzlich diese Homepage überarbeitet. Dabei bleibt es nicht aus, daß sich das eine oder andere verändert (sonst wäre es ja auch keine Überarbeitung :) und ich könnte die Zeit anderweitig verwenden). Folgerichtig kam kürzlich also eine e-mail von Google (ich nutze für meine Seiten dort die Webmaster-Tools (nicht zu verwechseln mit der Datenkrake Google Analytics - letztere möchte ich meinen Lesern nicht zumuten), die mir Hinweise geben auf Probleme beim Indexieren oder Fehler auf der Webseite):

git für Nicht-Programmierer - Teil 1 - Installation und Einrichtung

Thu, 02 Mar 2017 00:00:00 +0000

Git ist - wie bereits gesagt - ein Programm, das auf dem eigenen Rechner ausgeführt wird und im Gegensatz zu anderen, zentralisierten Systemen jedem Entwickler den vollständigen Programmcode lokal zur Verfügung stellt, eigene Änderungen kann er dann lokal einpflegen und, wenn er sicher ist, seine Aufgabe erledigt zu haben, diese mittels des Programms git über eine zentrale Plattform wie z. B. github seinen Programmier-Kollegen zur Verfügung stellen.

git für Nicht-Programmierer - Die Grundlagen

Wed, 01 Mar 2017 00:00:00 +0000

Seit einiger Zeit arbeite ich mit Hugo. Je tiefer ich in die Möglichkeiten einsteige, desto mehr wird es dann und wann nötig, sich mit anderen und - bei vermuteten oder tatsächlichen Programmfehlern - den Entwicklern auszutauschen.

Mobile Webseiten - Hype oder Realität?

Tue, 28 Feb 2017 00:00:00 +0000

Google mault in den Webmaster-Tools schon eine ganze Weile herum, meine Webseite wäre nicht “mobile friendly”. Ich hab dann mit ein paar kleinen Änderungen erstmal für weitgehende Ruhe diesbezüglich gesorgt, so richtig schön war’s aber nicht wirklich.

Ein Theme für Hugo erstellen - Tutorial Teil 1 - Das Rohgerüst und die Startseite

Sat, 25 Feb 2017 00:00:00 +0000

In diesem Teil des Tutorials soll es um die ersten Schritte gehen, um ein eigenes Theme mit unterschiedlichen Templates zu erstellen.

Für das Verständnis ist die Kenntnis der ersten 5 Teile der Tutorial-Serie notwendig.

Ich mag uglyURLs

Tue, 14 Feb 2017 00:00:00 +0000

Ich weiß nicht, wer diese Begrifflichkeiten geprägt hat: “ugly URL” (häßliche Adresse) und im Gegensatz dazu die “pretty URL”. Aufgefallen sind mir die Begrifflichkeiten zuerst

Hugo - kleine Kurztipps

Sun, 05 Feb 2017 00:00:00 +0000

Ich möchte hier eine kleine Sammlung anlegen von Dingen, die mir bei der Arbeit mit Hugo in die Quere gekommen sind. Die Sammlung wird wohl immer wieder mal erweitert werden …

Index

Hugo und PHP?

Sat, 04 Feb 2017 00:00:00 +0000

Eine Crux mit statischen Webseiten ist … sie sind statisch. Und genau daraus ergeben sich ja auch die entscheidenden Vorteile dieses Webseitentyps. Was aber, wenn dann doch so ein “kleines bißchen Dynamik” reinkommen soll, wie z. B. ein Kontaktformular?

Hugo und die Plage mit den URLs

Fri, 03 Feb 2017 00:00:00 +0000

Eine Webseite im Internet anzugucken - ist nix besonderes, dazu sind die ja da. Hugo erstellt eine statische Webseite, es liegen fertige Files auf der Festplatte. Eigentlich sollte man diese auch direkt im Browser anschauen

Homepage überarbeitet

Sun, 29 Jan 2017 00:00:00 +0000

Ein paar Dinge kommen zusammen:

Eine Webseite mit Hugo erstellen - Tutorial Teil 1 - Inhalte strukturieren

Mon, 23 Jan 2017 00:00:00 +0000

Nach über einem Jahr “Testbetrieb” meines neuen Hugo-Blogs innerhalb meiner alten Homepage (die mit nur kleinen Änderungen am Layout seit jetzt über 10 Jahren online ist), und weil auch auf meiner Seite die Zugriffe mit Geräten mit kleinen Displays zunehmen, habe ich mich entschlossen, den kompletten Webauftritt neu zu organisieren. Und wenn ich ohnehin schon an einem neuen HTML5-Template arbeite, dann kann ich auch gleich neben dem Blog die komplette Homepage in Hugo integrieren. Dieser Artikel beschreibt die Voraussetzungen seitens Hugo und die daraus resultierende Vorgehensweise.
Für das Verständnis ist die Kenntnis der ersten 4 Teile des Tutorials notwendig.

Hugo-Finetuning, Tipps aus der Praxis

Sat, 14 Jan 2017 00:00:00 +0000

Nach einiger Zeit der intensiven Nutzung von Hugo haben sich ein paar Dinge ergeben, die die Arbeit vereinfachen. Für das Verständnis ist die Kenntnis der ersten 4 Teile des Tutorials notwendig.
(Die Hinweise beziehen sich auf die derzeit aktuelle Version 0.17 von Hugo)

Markdown-Spickzettel - eine Kurzreferenz

Sat, 09 Jan 2016 00:00:00 +0000

Markdown ist eine einfach zu erlernende und auch zu merkende Auszeichnungssprache. Mit ihr können Texte formatiert werden, die dann einerseits auch für den Menschen als Quelltext (also direkt im Editor betrachtet) halbwegs “verdaulich” aussehen, andererseits leicht in andere Auszeichnungssprachen - für das Internet im Wesentlichen html - umgewandelt werden können.

Ich habe mir hier für meinen persönlichen Gebrauch die in diesem Blog verwendeten Formatierungen zusammengestellt. Vielleicht hilft’s ja dem einen oder anderen.

Ein Blog mit Hugo erstellen - Tutorial Teil 4 - Betriebsmodi von Hugo

Wed, 30 Dec 2015 22:25:17 +0100

In der letzten Folge ging es um das Erstellen von Inhalten mithilfe von in der Auszeichnungssprache markdown geschriebenen Dokumenten, heute soll es um die Erzeugung und Darstellung der Seiten aus den einzelnen Bausteinen in Hugo gehen.

Betriebsmodi von Hugo

Hugo kennt zwei Modi, den

Server-Mode: er dient der Darstellung der Live-Seiten bei der Erstellung der einzelnen Beiträge
Rendering-Mode: er dient der Erstellung der fertigen html-Dokumente, die dann auf den Server gelanden werden können

Ein Blog mit Hugo erstellen - Tutorial Teil 3 - Erstellen von Inhalten

Tue, 29 Dec 2015 22:25:17 +0100

Nachdem wir in den ersten beiden Teilen die Software eingerichtet und die Seitenstruktur erstellt haben, können wir jetzt beginnen mit dem

Erstellen von Inhalten

Wie bereits am Ende des letzten Teils erwähnt, wird der Inhalt der einzelnen Textdokumente in markdown - Beispielseite geschrieben, einer einfachen und auch für den Menschen gut lesbaren Formatierungs-Schrift.

Ein Blog mit Hugo erstellen - Tutorial Teil 2 - Einrichtung der Seitenstruktur

Mon, 28 Dec 2015 22:25:17 +0100

In der letzten Folge ging es um die Installation von Hugo auf dem lokalen Rechner, heute soll es um die Einrichtung der Verzeichnisse und der Konfiguration gehen, um ein Blog starten zu können.

Seitenstruktur einrichten

Zunächst muß ein “Basisverzeichnis” erstellt werden, in dem alle Verzeichnisse, Unterverzeichnisse und Dateien des zukünftigen Blogs liegen. Das könnte unter Windows z. B. sein:

Ein Blog mit Hugo erstellen - Tutorial Teil 1 - Installation

Sat, 26 Dec 2015 22:25:17 +0100

Hugo ist zwar ein großartiges Tool, aber die Dokumentation dazu richtet sich - Stand heute - eher an Programmierer als an “Otto-Normal-Blogger” und ist gänzlich in englischer Sprache gehalten.
Auch deutschsprachige Tutorials sind bisher nicht vorhanden. Daher möchte ich hier die Schritte beschreiben, mit deren Hilfe ich dieses Blog erstellt habe.

Installation

Da es sich bei Hugo um ein “System” handelt, das alle Seiten des Blogs lokal auf dem heimischen Rechner erstellt, muß natürlich auf dem heimischen Rechner eine Software “installiert” werden. Das gestaltet sich aber sehr einfach:

Statische Webseiten/Blogs mit Hugo

Tue, 22 Dec 2015 22:25:17 +0100

Seit wenigen Jahren scheinen “Generatoren für statische html-Seiten” sich wachsender Beliebtheit zu erfreuen.

Prinzip: der Benutzer schreibt seine Beiträge als z. B. markdown-Dokument (wie auch in vielen Blog-Systemen üblich) in Textfiles in einem definierten Verzeichnis. Der “Seitengenerator” überwacht dieses Verzeichnis, baut bei Änderungen an einem dieser Dokumente die Seite neu zusammen und bietet sie aktualisiert im Browser zur Kontrolle an.
Ist alles fertig, kann man die fertigen/geänderten Seiten per ftp auf den Webspace hochladen.