Alojar un sitio web estático con Nginx Proxy Manager

2023-04-10

Además de proxy inverso y permitir la solicitud/renovación de certificaos de diferentes entidades, podemos utilizar Ngnix Proxy Manager (NPM) para alojar un sitio web estático, por ejemplo Hugo como es el caso de este blog.

NPM

Utilizo un contenedor docker para levantar Ngnix Proxy Manager, observa que monto un volumen, /home/carlos/web/public:/site donde residen los ficheros del blog.

tree -L 1 ~/Documentos/proyectos/ebdl/public
/home/carlos/Documentos/proyectos/ebdl/public
├── 404.html
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── apple-touch-icon.png
├── categories
├── css
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon.ico
├── favicon.png
├── feed_style.xsl
├── images
├── index.html
├── index.xml
├── jetbrains-mono
├── logo.png
├── logo.svg
├── manifest
├── page
├── posts
├── robots.txt
├── search
├── sitemap.xml
├── symbols-nerd-font
└── tags

11 directories, 15 files
services:
  app:
    image: 'jc21/nginx-proxy-manager:latest'
    restart: unless-stopped
    ports:
      - '80:80'
      - '81:81'
      - '443:443'
    volumes:
      - /home/carlos/docker/npm/data:/data
      - /home/carlos/docker/npm/letsencrypt:/etc/letsencrypt
      - /home/carlos/web/public:/site

Añadiendo el Host

Creamos un nuevo hosts para redirigir las peticiones del dominio seleccionado en Ngnix Proxy Manager al propio servidor de Ngnix Proxy Manager (127.0.0.1)

Nota: En mi caso al utilizar Cloudflare tuve que desactivar Cache Assets y Block Common Exploits para que el blog se visualizara correctamente

Certificado SSL

Elige el certificado de tu dominio, este certificado debes de haberlo creado anteriormente

Configurar Nginx

En la pestaña Advanced añade el siguiente código:

location / {
  root /site/;
}

Recuerda que /site se corresponde con el volumen que montas en el contenedor de Hugo

Al final deberías tener algo parecido a esto

Espero que te haya gustado, pasa un gran día 🐧

Referencia:

https://wallacelabs.tech/posts/static-site-hosting-with-docker-hugo-and-nginx-proxy-manger/

Ingrese la dirección de su instancia


Más publicaciones como esta

Crea tu blog con Hugo y Gitlab Pages

2019-09-16 | #gitlab #hugo

Anteriormente ya vimos como crear un blog estático mediante Jekyll y Gitlab Pages, tambión vimos como obtener tu propio certificado para ese mismo blog. En el articulo de hoy vamos a ver como utilizar Hugo y Gitlab Pages para crear tu propio blog.

Continuar leyendo 


Personalizar el tema Minimo para Hugo

2019-12-30 | #hugo

Me gustan los temas oscuros, lo reconozco, en todos mis equipos procuro tener instalado un tema dark si es posible, y el blog no iba a ser menos. El tema Minimo es un gran tema, tiene casi todo lo que quiero para un blog, de hecho lo he estado utilizando durante un tiempo para este sitio, lo único que no me gusta del tema, es el color blanco, demasiado para mi gusto y particularmente me hace daño la vista.

Continuar leyendo 