HTML Mason · 2 min read · Oct 19, 2025
Ejecutando HTML::Mason Con nginx Y FastCGI
Ejecutando HTML::Mason Con nginx Y FastCGI
Este artículo es una guía paso a paso para instalar el módulo HTML::Mason para usar con el servidor web ngingx y FastCGI. Ha sido probado en Debian (lenny), pero debería ser muy similar en Ubuntu y otras distribuciones basadas en Debian.
Instalando un servidor mínimo en funcionamiento
Primero que nada, instalaremos un servidor mínimo con nginx y FastCGI. Hice scripts básicos para hacerlo funcionar. Más tarde podemos personalizar esos scripts.
Instalar nginx
Ahora instalamos nginx y lo hacemos funcionar. Se asume que no hay otro servidor web activo en el host. Todo se instalará por defecto.
apt-get install nginxVeamos si funciona telnetando al puerto 80.
/etc/init.d/nginx start
telnet locahost 80
Escape character is '^]'
GET /
¡Bienvenido a ngingx!<title>
...</code></pre></div><h4 class="text-lg font-bold py-2">Instalar FastCGI</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">Instalar HTML::Mason</h4><p class="">HTML::Mason se supone que necesita apache2 para funcionar, así que lo descargará e instalará. Nos desharemos de él más tarde.</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="">Esperemos que ahora tengamos HTML::Mason instalado y sin rastros de apache. Asegúrate de que nginx siga funcionando verificando que aún responde en el puerto 80.</p><h4 class="text-lg font-bold py-2">Configurar FastCGI</h4><p class="">Necesitamos un servidor FastCGI en funcionamiento para que pueda ejecutar código HTML::Mason. Este script descargará toda la configuración y archivos de inicio. Debemos ejecutarlo como root. Por favor, échale un vistazo antes de ejecutarlo. Descarga y copia algunos archivos de github. Podría ser peligroso para tu servidor.</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 muy importante cambiar la opción server_name en /etc/nginx/sites-available/mason al nombre real del servidor. Localhost no funcionará. Luego modifica la variable %SITES en /var/www/mason/mason_fcgi.pl.</p><h4 class="text-lg font-bold py-2">Ejecutando código Mason</h4><p class="">Finalmente, vamos a crear una página Mason simple.</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="">Luego, iniciemos el servicio. Un 4 debería aparecer si conectaste el sitio con tu navegador.</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">Personalizando el servidor</h3><p class="">Ahora mismo tenemos un servidor Mason potenciado por nginx+FastCGI. Todos los archivos de configuración y scripts se pueden encontrar en mi repositorio de github.</p><h4 class="text-lg font-bold py-2">nginx</h4><p class="">La configuración de nginx está en /etc/nginx/sites-available/mason. La ubicación puede ser modificada para adaptarse a tus necesidades. Ten en cuenta que hay dos líneas de reescritura porque Mason no puede manejar directorios correctamente. Así que cuando la solicitud parece un directorio, se añade un sufijo index.html.</p><h4 class="text-lg font-bold py-2">FastCGI</h4><p class="">El script de inicio de FastCGI es /var/www/mason/mason_fcgi.pl. Se pueden proporcionar un montón de argumentos.</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="">Hay una sección para añadir la carga de módulos Perl y variables globales. Este es el código por defecto:</p><div class="code-ui group"><pre class=""><code class="">{
package HTML::Mason::Commands;
# use My::Own::Module;
# use Data::Dumper;
# cualquier cosa que quieras disponible para los componentes
use vars(qw($DBH %stash));
}</code></pre></div><h4 class="text-lg font-bold py-2">Ejecutando múltiples sitios FastCGI</h4><p class="">El demonio FastCGI se ejecuta desde /etc/init.d/fcgi. Este script carga la configuración desde /etc/default/fcgi. Si necesitas más servidores FastCGI para diferentes sitios, simplemente copia el script de inicio a otro nombre y llama al archivo de configuración igual. El script de inicio cargará un archivo en /etc/default con el mismo nombre base que el suyo.</p><h3 class="text-xl font-bold py-2" id="h2-3">Enlaces</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="">archivos mason-fcgi</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=Ejecutando%20HTML::Mason%20Con%20nginx%20Y%20FastCGI&url=https://techrealizes.com/es/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/es/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/es/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="/es/tag/html-mason" 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">
#HTML Mason
</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">Recibe nuevas publicaciones en tu bandeja de entrada.</h3>
<p class="text-sm text-slate-600 dark:text-slate-300">
No spam. Cancela la suscripción en cualquier momento.
</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">
Suscribirse
</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">En esta página</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">
Ejecutando HTML::Mason Con nginx Y FastCGI
</a>
</li>
<li>
<a href="#h2-1" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
Instalando un servidor mínimo en funcionamiento
</a>
</li>
<li>
<a href="#h2-2" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
Personalizando el servidor
</a>
</li>
<li>
<a href="#h2-3" class="text-slate-600 hover:text-slate-900 dark:text-slate-300 dark:hover:text-white">
Enlaces
</a>
</li>
</ul>
</div>
<div>
<h3 class="mb-3 text-sm font-semibold">Relacionado</h3>
<div class="grid grid-cols-1 gap-4">
<a href="/es/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">
Programación C · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Tutorial de Programación en C de Linux Parte 7: Arreglos
</div>
</div>
</a>
<a href="/es/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="revisión del logitech mx mechanical mini" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Revisión de productos · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Revisión del Logitech MX Mechanical Mini: El tipo para escritores
</div>
</div>
</a>
<a href="/es/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">
Seguridad Informática · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Microsoft Security Essentials da falsos positivos que la blockchain de Bitcoin está infectada por el virus 'Stoned'
</div>
</div>
</a>
<a href="/es/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">
Seguridad Android · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Google presenta una serie de nuevas funciones de seguridad en Android 5.0 Lollipop
</div>
</div>
</a>
<a href="/es/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">
Desarrollo Android · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Configuración de un entorno de construcción de aplicaciones Android con Eclipse, Android SDK, PhoneGap (Debian Squeeze)
</div>
</div>
</a>
<a href="/es/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 anuncia xperia 10 ii, xperia l4, y xperia pro smartphones - 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 anuncia los smartphones Xperia 10 II, Xperia L4 y Xperia Pro
</div>
</div>
</a>
<a href="/es/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">
Comparativa de móviles · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
[Cara a Cara] Nokia 7 Plus vs Xiaomi Redmi Note 5 Pro: El Regreso del Niño se Encuentra con el Nuevo Rey
</div>
</div>
</a>
<a href="/es/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">
Configuración Debian · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
La Configuración Perfecta - Debian Woody (3.0)
</div>
</div>
</a>
<a href="/es/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">
Navegador · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Descarga del Navegador Phoenix Para PC (Windows 11/10/7)
</div>
</div>
</a>
<a href="/es/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">
Instalación de Software · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
La Configuración Perfecta - Ubuntu Feisty Fawn (Ubuntu 7.04) - Página 4
</div>
</div>
</a>
<a href="/es/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="revisión del teclado y ratón asus marshmallow" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
Revisión de productos · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Revisión del teclado Asus Marshmallow KW100 y el ratón MD100: Grandes compañeros para señalar, hacer clic y escribir
</div>
</div>
</a>
<a href="/es/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">
Emuladores · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
El emulador Skyline se cierra debido a la última orden DMCA de Nintendo
</div>
</div>
</a>
<a href="/es/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">
Servidor de correo · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
ASSP Con ClamAV Integrado En Postfix Con Usuarios Y Dominios Virtuales
</div>
</div>
</a>
<a href="/es/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="éxitos y fracasos en mwc 2017: lo que funcionó, lo que fracasó! - mwc barcelona" class="h-32 w-full object-cover" loading="lazy">
<div class="p-3">
<div class="mb-1 text-xs text-slate-500">
MWC 2017 · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Éxitos y Fracasos en MWC 2017: ¡Lo que Funcionó, Lo que Fracasó!
</div>
</div>
</a>
<a href="/es/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">
Virtualización · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Virtualización Con XenServer 5.5.0
</div>
</div>
</a>
<a href="/es/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">
Ciberseguridad · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Los hackers rusos están tratando de robar la investigación sobre la vacuna COVID-19: funcionarios de EE. UU., Reino Unido y Canadá
</div>
</div>
</a>
<a href="/es/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">
Servidor Perfecto · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
El Servidor Perfecto - Debian Lenny (Debian 5.0) Con BIND y Dovecot [ISPConfig 3]
</div>
</div>
</a>
<a href="/es/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">
Web Management · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Mantenimiento de sitios web remotos con sitecopy en Ubuntu 16.04
</div>
</div>
</a>
<a href="/es/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="desconexión aleatoria de bluetooth en 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 · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Desconexión aleatoria de Bluetooth en Windows 10/11 [SOLUCIONADO]
</div>
</div>
</a>
<a href="/es/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">
Instalación LAMP · Feb 14, 2026
</div>
<div class="line-clamp-2 text-sm font-medium group-hover:underline">
Instalando Apache2 Con Soporte PHP5 Y MySQL En 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="Tecnologías sin palabras innecesarias" width="280" height="40">
<p class="my-2 text-slate-600 dark:text-slate-400">
Ejecutando HTML::Mason Con nginx Y FastCGI
</p>
</div>
<div class="grid grid-cols-1 gap-6">
<div>
<div class="mb-2 font-semibold">Compañía</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">
Acerca de
</a>
</li>
<li>
<a href="#" class="hover:text-slate-900 dark:hover:text-white">
Contacto
</a>
</li>
<li>
<a href="#" class="hover:text-slate-900 dark:hover:text-white">
Privacidad
</a>
</li>
</ul>
</div>
</div>
<div class="md:text-right">
<div class="font-semibold">Recibir actualizaciones</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">
Suscribirse
</button>
</form>
<p class="mt-3 text-slate-500">© 2026. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>