DEV Community

Cover image for Cómo publicar un archivo HTML en la web y obtener una URL HTTPS
Neurobin
Neurobin

Posted on

Cómo publicar un archivo HTML en la web y obtener una URL HTTPS

#html #webdev #tutorial #spanish

Para publicar un archivo HTML en la web necesitas identificar qué tipo de artefacto tienes.

Un archivo HTML

Si el documento es autocontenido, puedes subirlo directamente.

Debe incluir un documento completo:

<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>Mi página</title>
  </head>
  <body>
    <h1>Hola</h1>
  </body>
</html>
Enter fullscreen mode Exit fullscreen mode

Abre el archivo localmente antes de publicarlo.

HTML con assets

Si el documento usa:

./styles.css
./images/demo.png
./scripts/app.js
Enter fullscreen mode Exit fullscreen mode

publica la carpeta completa o un ZIP:

site/
├── index.html
├── styles.css
├── scripts/
└── images/
Enter fullscreen mode Exit fullscreen mode

No subas solo index.html y esperes que los demás archivos aparezcan.

Proyecto de framework

Un proyecto React, Vue o Vite necesita build:

npm install
npm run build
Enter fullscreen mode Exit fullscreen mode

Después publica dist, build, out o la salida configurada.

Página en blanco

Comprueba:

  • index.html
  • errores en Console
  • assets 404
  • mayúsculas de archivos
  • rutas relativas
  • configuración de base path

Publicar con PreviewShip

PreviewShip acepta:

  • .html
  • HTML pegado
  • Markdown
  • PDF
  • ZIP/carpeta estática
  • salida de build

Devuelve una URL HTTPS de preview para revisión.

No sustituye un hosting de producción cuando necesitas dominio propio, backend, base de datos o releases duraderos.

Guía principal para convertir un archivo local en una página web:

https://previewship.com/es/guides/publish-html-file-to-web?utm_source=devto&utm_medium=community&utm_campaign=core_content_cluster_0727&utm_content=article_es_04_publish_html_file

La guía principal también compara los métodos y explica cuándo conviene cada flujo.

Top comments (0)