Webserver · 2 min read · Oct 19, 2025
HTML::Mason Mit nginx Und FastCGI Ausführen
HTML::Mason Mit nginx Und FastCGI Ausführen
Dieser Artikel ist eine Schritt-für-Schritt-Anleitung zur Installation des HTML::Mason-Moduls zur Verwendung mit dem nginx-Webserver und FastCGI. Es wurde in Debian (lenny) getestet, sollte aber sehr ähnlich mit Ubuntu und anderen Debian-basierten Distributionen sein.
Installation eines minimalen Servers
Zuerst installieren wir einen minimalen Server mit nginx und FastCGI. Ich habe grundlegende Skripte erstellt, um es zum Laufen zu bringen. Später können wir diese Skripte anpassen.
nginx installieren
Jetzt installieren wir nginx und bringen es zum Laufen. Es wird davon ausgegangen, dass kein anderer Webserver auf dem Host aktiv ist. Alles wird standardmäßig installiert.
apt-get install nginxLass uns sehen, ob es funktioniert, indem wir auf Port 80 telnetten.
/etc/init.d/nginx start
telnet locahost 80
Escape-Zeichen ist '^]'
GET /
Willkommen bei nginx!<title>
...</code></pre></div><h4 class="text-lg font-bold py-2">FastCGI installieren</h4><div class="code-ui group"><pre class=""><code class="">apt-get install libcgi-fast-perl libio-all-perl</code></pre></div><h4 class="text-lg font-bold py-2">HTML::Mason installieren</h4><p class="">HTML::Mason benötigt angeblich apache2 zum Ausführen, also wird es heruntergeladen und installiert. Wir werden es später loswerden.</p><div class="code-ui group"><pre class=""><code class="">apt-get install libhtml-mason-perl
apt-get --purge remove apache2-mpm-worker apache2-utils
apt-get --purge autoremove</code></pre></div><p class="">Hoffentlich haben wir jetzt HTML::Mason installiert und keine Apache-Spuren mehr. Stelle sicher, dass nginx noch funktioniert, indem du überprüfst, ob es immer noch auf Port 80 antwortet.</p><h4 class="text-lg font-bold py-2">FastCGI konfigurieren</h4><p class="">Wir benötigen einen laufenden FastCGI-Server, damit er HTML::Mason-Code ausführen kann. Dieses Skript wird alle Konfigurations- und Init-Dateien herunterladen. Wir müssen es als Root ausführen. Bitte sieh es dir an, bevor du es ausführst. Es lädt und kopiert einige Dateien von GitHub. Es könnte gefährlich für deinen Server sein.</p><div class="code-ui group"><pre class=""><code class="">wget http://github.com/frankiejol/mason-fcgi/raw/master/download.sh
bash ./download.sh</code></pre></div><p class="">Es ist sehr wichtig, die Option server_name in /etc/nginx/sites-available/mason auf den echten Namen des Servers zu ändern. Localhost funktioniert nicht. Ändere dann die %SITES-Variable in /var/www/mason/mason_fcgi.pl.</p><h4 class="text-lg font-bold py-2">Mason-Code ausführen</h4><p class="">Lass uns schließlich eine einfache Mason-Seite erstellen.</p><div class="code-ui group"><pre class=""><code class="">mkdir /var/www/site1
echo '<% 2 + 2 %>' > /var/www/site1/index.html</code></pre></div><p class="">Dann lass uns den Dienst starten. Eine 4 sollte erscheinen, wenn du die Seite mit deinem Browser verbunden hast.</p><div class="code-ui group"><pre class=""><code class="">/etc/init.d/nginx restart
/etc/init.d/fcgi start</code></pre></div><h3 class="text-xl font-bold py-2" id="h2-2">Den Server anpassen</h3><p class="">Im Moment haben wir einen nginx+FastCGI-betriebenen Mason-Server. Alle Konfigurationsdateien und Skripte sind in meinem GitHub-Repository zu finden.</p><h4 class="text-lg font-bold py-2">nginx</h4><p class="">Die nginx-Konfiguration befindet sich in /etc/nginx/sites-available/mason. Der Speicherort kann nach Bedarf angepasst werden. Beachte, dass es zwei Rewrite-Zeilen gibt, da Mason Verzeichnisse nicht richtig verarbeiten kann. Wenn die Anfrage wie ein Verzeichnis aussieht, wird ein Postfix index.html hinzugefügt.</p><h4 class="text-lg font-bold py-2">FastCGI</h4><p class="">Das FastCGI-Startskript ist /var/www/mason/mason_fcgi.pl. Eine Reihe von Argumenten kann übergeben werden.</p><div class="code-ui group"><pre class=""><code class="">/var/www/mason/mason_fcgi.pl --help
mason_fcgi.pl [--help] [--pid=/var/run/fcgi/fcgi.pid] [--log=/var/log/nginx/fcgi/fcgi.log] [--debug] [--socket=/var/run/fcgi/mason_fcgi.sock] [--basedir=/var/www] [--workspace=/var/www/mason/workspace] [--error-uri=/errors/503.html] [--listen-queue=100] [--default-host=debian.localdomain]</code></pre></div><p class="">Es gibt einen Abschnitt, um das Laden von Perl-Modulen und globalen Variablen hinzuzufügen. Dies ist der Standardcode:</p><div class="code-ui group"><pre class=""><code class="">{
package HTML::Mason::Commands;
# use My::Own::Module;
# use Data::Dumper;
# alles, was du für Komponenten verfügbar haben möchtest
use vars(qw($DBH %stash));
}</code></pre></div><h4 class="text-lg font-bold py-2">Mehrere FastCGI-Seiten ausführen</h4><p class="">Der FastCGI-Daemon wird von /etc/init.d/fcgi ausgeführt. Dieses Skript lädt die Konfiguration von /etc/default/fcgi. Wenn du mehr FastCGI-Server für verschiedene Seiten benötigst, kopiere einfach das Init-Skript unter einem anderen Namen und nenne die Konfigurationsdatei gleich. Das Init-Skript lädt eine Datei in /etc/default mit dem gleichen Basenamen wie sich selbst.</p><h3 class="text-xl font-bold py-2" id="h2-3">Links</h3><ul class="my-6 list-disc space-y-2 pl-6 md:pl-8 [&_li]:marker:text-slate-400"><li class="">nginx</li><li class="">HTML::Mason</li><li class="">mason-fcgi-Dateien</li></ul>
</div>
</div>
<div class="mt-10">
<div class="flex flex-wrap items-center gap-3">
<span class="text-sm text-slate-600 dark:text-slate-300">Share:</span>
<a href="https://twitter.com/intent/tweet?text=HTML::Mason%20Mit%20nginx%20Und%20FastCGI%20Ausf%C3%BChren&url=https://techrealizes.com/de/p/running-html-mason-with-nginx-and-fastcgi-93832990" target="_blank" rel="noopener" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800">
X/Twitter
</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://techrealizes.com/de/p/running-html-mason-with-nginx-and-fastcgi-93832990" target="_blank" rel="noopener" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800">
LinkedIn
</a>
<button type="button" onclick="navigator.clipboard.writeText('https://techrealizes.com/de/p/running-html-mason-with-nginx-and-fastcgi-93832990')" class="rounded-xl border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800">
Copy link
</button>
</div>
</div>
<div class="mt-6">
<div class="flex flex-wrap gap-2">
<a href="/de/tag/webserver" class="rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700 ring-1 ring-inset ring-slate-200 dark:bg-slate-800 dark:text-slate-300 dark:ring-slate-700">
#Webserver
</a>
</div>
</div>
<div class="mt-12">
<section class="rounded-2xl border border-slate-200 bg-gradient-to-br from-slate-50 to-white p-6 dark:border-slate-800 dark:from-slate-900 dark:to-slate-950">
<div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
<div>
<h3 class="text-lg font-semibold">Erhalte neue Beiträge in deinem Posteingang.</h3>
<p class="text-sm text-slate-600 dark:text-slate-300">
Kein Spam. Jederzeit abmelden.
</p>
</div>
<form class="flex w-full max-w-md items-center gap-2">
<input type="email" required placeholder="you@example.com" class="w-full flex-1 rounded-xl border border-slate-300 bg-white px-3 py-2 outline-none dark:border-slate-700 dark:bg-slate-900">
<button class="rounded-xl bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-800 dark:bg-white dark:text-slate-900">
Abonnieren
</button>
</form>
</div>
</section>
</div>
</div>
<aside class="lg:col-span-4">
<div class="lg:sticky lg:top-20">
<div class="mb-6 rounded-2xl border border-slate-200 bg-white p-4 dark:border-slate-800 dark:bg-slate-900">
<div class="mb-2 text-sm font-semibold">Auf dieser Seite</div>
<ul class="space-y-2 text-sm">
<li>
<a href="#h2-0" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
HTML::Mason Mit nginx Und FastCGI Ausführen
</a>
</li>
<li>
<a href="#h2-1" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
Installation eines minimalen Servers
</a>
</li>
<li>
<a href="#h2-2" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
Den Server anpassen
</a>
</li>
<li>
<a href="#h2-3" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
Links
</a>
</li>
</ul>
</div>
<div>
<h3 class="mb-3 text-sm font-semibold">Verwandt</h3>
<div class="grid grid-cols-1 gap-4">
<a href="/de/p/linux-c-programming-tutorial-part-7-arrays-94220576" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/8756669e-5f11-4dbd-9c13-47ec7432dae3.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Programmierung · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Linux C Programmierung Tutorial Teil 7: Arrays
</div>
</div>
</a>
<a href="/de/p/logitech-mx-mechanical-mini-review-the-type-for-writers-93237314" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/9ca1697f-cadf-4e4c-9cb7-c4e153445240.jpg" alt="logitech mx mechanical mini review" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Tastatur Bewertung · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Logitech MX Mechanical Mini Bewertung: Die Tastatur für Schriftsteller
</div>
</div>
</a>
<a href="/de/p/microsoft-security-essentials-gives-false-positives-that-bitcoin-blockchain-infected-by-stoned-virus-94222075" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/0bdcdeb0-9887-4110-af71-2d1e425c5d0a.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Sicherheit · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Microsoft Security Essentials gibt falsche Positivmeldungen aus, dass die Bitcoin-Blockchain vom ‚Stoned‘-Virus infiziert ist
</div>
</div>
</a>
<a href="/de/p/google-unveils-slurry-of-new-security-features-in-android-5-0-lollipop-94325355" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/ab534329-e080-4d33-ade7-8dd2490beefb.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Sicherheit · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Google stellt eine Reihe neuer Sicherheitsfunktionen in Android 5.0 Lollipop vor
</div>
</div>
</a>
<a href="/de/p/setting-up-an-android-app-build-environment-with-eclipse-android-sdk-phonegap-debian-squeeze-94271797" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/ae3d5143-2876-4cc3-b5aa-19e15ea52407.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Android Entwicklung · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Einrichten einer Android-App-Bauumgebung mit Eclipse, Android SDK, PhoneGap (Debian Squeeze)
</div>
</div>
</a>
<a href="/de/p/sony-announces-xperia-10-ii-xperia-l4-and-xperia-pro-smartphones-93418471" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/66b03667-d75e-441e-bce0-86b391409a27.jpg" alt="Sony kündigt Xperia 10 II, Xperia L4 und Xperia Pro Smartphones an - Sony Xperia Pro" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Smartphones · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Sony kündigt Xperia 10 II, Xperia L4 und Xperia Pro Smartphones an
</div>
</div>
</a>
<a href="/de/p/face-off-nokia-7-plus-vs-xiaomi-redmi-note-5-pro-comeback-kid-meets-the-new-king-93328755" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Smartphone Vergleich · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
[Face Off] Nokia 7 Plus vs Xiaomi Redmi Note 5 Pro: Comeback Kid trifft den neuen König
</div>
</div>
</a>
<a href="/de/p/the-perfect-setup-debian-woody-3-0-94643535" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/8a3fe69a-7ca2-4536-a19c-7bb5df2a4246.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Debian Setup · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Die perfekte Einrichtung - Debian Woody (3.0)
</div>
</div>
</a>
<a href="/de/p/phoenix-browser-for-pc-download-windows-11-10-7-94170189" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/5d2162fe-a352-4ec0-a017-2ef3c3ff0aed.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Browser Download · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Phoenix Browser Für PC Download (Windows 11/10/7)
</div>
</div>
</a>
<a href="/de/p/the-perfect-setup-ubuntu-feisty-fawn-ubuntu-7-04-page-4-94643734" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Software Installation · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Die perfekte Einrichtung - Ubuntu Feisty Fawn (Ubuntu 7.04) - Seite 4
</div>
</div>
</a>
<a href="/de/p/asus-marshmallow-keyboard-kw100-and-mouse-md100-review-great-tab-pals-to-point-click-and-type-93237311" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/932e911a-8d8d-4ca0-8b5d-1821d416313e.jpg" alt="asus marshmallow keyboard and mouse review" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Produktbewertungen · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Asus Marshmallow Keyboard KW100 und Maus MD100 Test: Tolle Tablet-Begleiter zum Zeigen, Klicken und Tippen
</div>
</div>
</a>
<a href="/de/p/switch-emulator-skyline-shuts-down-over-nintendos-latest-dmca-order-94427592" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/50e5eaa3-f5d2-40b6-98b8-e30b3d560df2.jpeg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Emulator News · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Switch-Emulator Skyline stellt Betrieb aufgrund von Nintendos neuester DMCA-Anordnung ein
</div>
</div>
</a>
<a href="/de/p/assp-with-embedded-clamav-integrated-into-postfix-with-virtual-users-and-domains-94168386" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Mail Server · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
ASSP Mit Eingebettetem ClamAV In Postfix Integriert Mit Virtuellen Benutzern Und Domains
</div>
</div>
</a>
<a href="/de/p/hits-and-misses-at-mwc-2017-what-rocked-what-sank-93327858" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/878d8198-363c-4daf-a9f8-f2403469dd25.jpg" alt="Treffer und Misserfolge auf dem MWC 2017: Was rockte, was sank! - MWC Barcelona" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Technologie · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Treffer und Misserfolge auf dem MWC 2017: Was rockte, was sank!
</div>
</div>
</a>
<a href="/de/p/virtualization-with-xenserver-5-5-0-94323139" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/81326419-3e3c-46e7-8904-666592b05bdd.png" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Virtualisierung · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Virtualisierung mit XenServer 5.5.0
</div>
</div>
</a>
<a href="/de/p/russian-hackers-are-trying-to-steal-covid-19-vaccine-research-us-uk-canada-officials-94020201" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/d358fd41-8b0c-46ac-abaa-c3564f5f4372.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Cybersecurity · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Russische Hacker versuchen, COVID-19-Impfstoffforschung zu stehlen: US-, UK-, Kanada-Beamte
</div>
</div>
</a>
<a href="/de/p/the-perfect-server-debian-lenny-debian-5-0-with-bind-dovecot-ispconfig-3-94533937" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/bdbc7eec-2d79-45c8-af52-81fe7fd35cc9.png" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Server Setup · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Der perfekte Server - Debian Lenny (Debian 5.0) mit BIND & Dovecot [ISPConfig 3]
</div>
</div>
</a>
<a href="/de/p/maintaining-remote-web-sites-with-sitecopy-on-ubuntu-16-04-94534889" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Websites verwalten · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Wartung von Remote-Websites mit sitecopy auf Ubuntu 16.04
</div>
</div>
</a>
<a href="/de/p/random-bluetooth-disconnection-in-windows-10-11-fixed-93236764" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/96d46d9d-51eb-4aa5-a170-b9926f8bcbd3.jpg" alt="zufällige bluetooth-trennung in windows 10 11" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Bluetooth Probleme · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Zufällige Bluetooth-Trennung in Windows 10/11 [BEHEBUNG]
</div>
</div>
</a>
<a href="/de/p/installing-apache2-with-php5-and-mysql-support-on-ubuntu-11-10-lamp-94068951" class="group overflow-hidden rounded-2xl border border-slate-200 bg-white hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-900 dark:hover:bg-slate-800/40">
<img src="/files/27e20a4f-88d6-4c41-a204-42a016efee9a.jpg" alt="" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Server Installation · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Installation von Apache2 mit PHP5 und MySQL-Unterstützung auf Ubuntu 11.10 (LAMP)
</div>
</div>
</a>
</div>
</div>
</div>
</aside>
</article>
</section>
</main>
<footer class="border-t border-slate-200 bg-slate-50 py-10 text-sm dark:border-slate-800 dark:bg-slate-900">
<div class="mx-auto grid max-w-7xl grid-cols-1 gap-6 px-4 sm:px-6 md:grid-cols-3 lg:px-8">
<div>
<img src="/logo.svg" alt="Technologien in aller Kürze" width="280" height="40">
<p class="my-2 text-slate-600 dark:text-slate-400">
HTML::Mason Mit nginx Und FastCGI Ausführen
</p>
</div>
<div class="grid grid-cols-1 gap-6">
<div>
<div class="mb-2 font-semibold">Unternehmen</div>
<ul class="space-y-2 text-slate-600 dark:text-slate-400">
<li>
<a href="#" class="hover:text-slate-900 dark:hover:text-white">
Über
</a>
</li>
<li>
<a href="#" class="hover:text-slate-900 dark:hover:text-white">
Kontakt
</a>
</li>
<li>
<a href="#" class="hover:text-slate-900 dark:hover:text-white">
Datenschutz
</a>
</li>
</ul>
</div>
</div>
<div class="md:text-right">
<div class="font-semibold">Updates abrufen</div>
<form class="mt-2 flex w-full items-center gap-2 md:justify-end">
<input type="email" placeholder="you@example.com" class="w-full max-w-xs rounded-xl border border-slate-300 bg-white px-3 py-2 outline-none dark:border-slate-700 dark:bg-slate-900">
<button class="rounded-xl bg-slate-900 px-3 py-2 text-white shadow-sm hover:bg-slate-800 dark:bg-white dark:text-slate-900">
Abonnieren
</button>
</form>
<p class="mt-3 text-slate-500">© 2026. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>