¿Cansado de que las redes sociales controlen tus publicaciones? ¡Crea tu propia página web! En El Cacharreo, te enseñamos cómo publicar tu sitio en GitHub Pages, gratis y sin complicaciones. Solo necesitas un ordenador, internet y ganas de aprender. ¡Vamos allá!
1. Crea tu cuenta en GitHub
Ve a github.com, haz clic en «Sign up» y regístrate con un usuario, correo y contraseña. Verifica tu cuenta y elige el plan gratuito.
2. Crea un repositorio
En GitHub, pulsa el «+» y selecciona «New repository». Nómbralo (ej. mi-pagina-web), hazlo público, añade un README y créalo.
3. Instala un editor de código
Descarga Visual Studio Code (o VSCodium para open source). Alternativas: Sublime Text o Notepad++.
4. Crea tu página web
En tu PC, crea una carpeta (mi-pagina-web) y ábrela en VS Code. Crea un archivo index.html con este código básico:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Página Web</title>
<style>
body { font-family: Arial; padding: 20px; background: #f4f4f4; }
h1 { color: #333; text-align: center; }
p { max-width: 600px; margin: 0 auto; }
</style>
</head>
<body>
<h1>¡Bienvenidos a mi web!</h1>
<p>Este es mi primer sitio en GitHub Pages.</p>
</body>
</html>
Prueba abriendo index.html en tu navegador.
5. Sube tu código
En tu repositorio de GitHub, selecciona «Add file» > «Upload files». Arrastra index.html, escribe un comentario y haz clic en «Commit changes».
6. Activa GitHub Pages
Ve a «Settings» > «Pages» en tu repositorio. Selecciona la rama «main» y la carpeta raíz («/»), luego guarda.
7. ¡Disfruta tu web!
Visita https://tuusuario.github.io/mi-pagina-web/. ¡Tu sitio está online! Actualiza subiendo nuevos archivos.
Alternativas a GitHub Pages
- Netlify: Fácil, con drag & drop y dominio gratis.
- Vercel: Rápido, ideal para proyectos modernos.
- Neocities: Estilo retro, 1 GB gratis.
- Render: Versátil para sitios y apps.
Consejos rápidos
- Usa nombres simples (ej.
index.html). - Evita espacios o caracteres raros en archivos.
- Sube imágenes o CSS al mismo repositorio.
- Los cambios pueden tardar unos segundos en aparecer.
¿Quieres más detalles? Consulta la versión completa del tutorial.