{"id":2554,"date":"2024-09-19T11:52:59","date_gmt":"2024-09-19T16:52:59","guid":{"rendered":"https:\/\/zidrave.net\/?p=2554"},"modified":"2024-09-19T12:33:18","modified_gmt":"2024-09-19T17:33:18","slug":"como-crear-una-pagina-web-en-github-tupagina-github-io-facil-y-gratis","status":"publish","type":"post","link":"https:\/\/zidrave.net\/index.php\/2024\/09\/19\/como-crear-una-pagina-web-en-github-tupagina-github-io-facil-y-gratis\/","title":{"rendered":"C\u00f3mo Crear una P\u00e1gina Web en GitHUB Tupagina.github.io (Facil y Gratis)"},"content":{"rendered":"\n

Crear una p\u00e1gina web en GitHub Pages es un proceso sencillo y gratuito que te permite alojar tu sitio est\u00e1tico utilizando la infraestructura de GitHub. En esta gu\u00eda, explicaremos c\u00f3mo hacerlo, incluyendo la importancia de que el nombre de usuario coincida con el nombre del repositorio.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Paso 1: Crear una Cuenta en GitHub<\/h2>\n\n\n\n
    \n
  1. Registro<\/strong>: Si a\u00fan no tienes una cuenta en GitHub, ve a github.com<\/a> y haz clic en \u00abSign up\u00bb para registrarte.<\/li>\n\n\n\n
  2. Completa el Formulario<\/strong>: Proporciona tu nombre de usuario, direcci\u00f3n de correo electr\u00f3nico y contrase\u00f1a.<\/li>\n<\/ol>\n\n\n\n

    Paso 2: Nombre de Usuario y Repositorio<\/h2>\n\n\n\n

    Importancia del Nombre de Usuario<\/h3>\n\n\n\n

    Para que la URL de tu p\u00e1gina sea del tipo https:\/\/username.github.io\/<\/code>, debes asegurarte de que el nombre de tu cuenta de GitHub (nombre de usuario) sea igual al nombre del repositorio que vas a crear. Por ejemplo, si tu nombre de usuario es miusuario<\/code>, debes crear un repositorio llamado miusuario.github.io<\/code>.<\/p>\n\n\n\n

    Consejos para Elegir un Nombre de Usuario<\/h3>\n\n\n\n
      \n
    • Simple y Reconocible<\/strong>: Escoge un nombre que sea f\u00e1cil de recordar y que represente tu proyecto o tu identidad.<\/li>\n\n\n\n
    • Sin Caracteres Especiales<\/strong>: Evita caracteres especiales que puedan complicar el acceso a tu p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n

      Paso 3: Crear el Repositorio<\/h2>\n\n\n\n
        \n
      1. Inicia Sesi\u00f3n<\/strong>: Ve a tu perfil en GitHub y aseg\u00farate de estar conectado.<\/li>\n\n\n\n
      2. Crear un Nuevo Repositorio<\/strong>:\n
          \n
        • Haz clic en el icono de \u00ab+\u00bb en la esquina superior derecha y selecciona \u00abNew repository\u00bb.<\/li>\n\n\n\n
        • En el campo de nombre, escribe username.github.io<\/code>, reemplazando username<\/code> con tu nombre de usuario de GitHub.<\/li>\n\n\n\n
        • Marca la opci\u00f3n \u00abInitialize this repository with a README\u00bb<\/strong> si deseas.<\/li>\n\n\n\n
        • Haz clic en \u00abCreate repository\u00bb<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

          Paso 4: Configurar GitHub Pages<\/h2>\n\n\n\n
            \n
          1. Accede a la Configuraci\u00f3n<\/strong>:\n
              \n
            • Ve a la pesta\u00f1a Settings<\/strong> del repositorio.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • Activar GitHub Pages<\/strong>:\n
                \n
              • Despl\u00e1zate hacia abajo hasta la secci\u00f3n GitHub Pages<\/strong>.<\/li>\n\n\n\n
              • En la opci\u00f3n Source<\/strong>, selecciona la rama main<\/code> (o master<\/code>) y guarda los cambios.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Verifica la URL<\/strong>:\n
                  \n
                • GitHub te proporcionar\u00e1 la URL donde estar\u00e1 disponible tu p\u00e1gina, que ser\u00e1 https:\/\/username.github.io\/<\/code>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                  Paso 5: Agregar Contenido a tu P\u00e1gina<\/h2>\n\n\n\n
                    \n
                  1. Subir Archivos<\/strong>:\n
                      \n
                    • Puedes subir archivos HTML, CSS, y JavaScript directamente a tu repositorio.<\/li>\n\n\n\n
                    • Aseg\u00farate de incluir un archivo index.html<\/code> en la ra\u00edz del repositorio. Este archivo ser\u00e1 la p\u00e1gina principal de tu sitio.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Usar el Editor de GitHub<\/strong>:\n
                        \n
                      • Haz clic en Add file<\/strong> y selecciona Upload files<\/strong> para subir archivos, o Create new file<\/strong> para crear un nuevo archivo directamente en el repositorio.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                        Paso 6: Personalizar tu P\u00e1gina<\/h2>\n\n\n\n
                          \n
                        1. Edita index.html<\/code><\/strong>:\n
                            \n
                          • Abre el archivo index.html<\/code> y agrega el contenido que desees.<\/li>\n\n\n\n
                          • Puedes incluir texto, im\u00e1genes, enlaces y estilos utilizando CSS.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                          • Previsualiza los Cambios<\/strong>:\n
                              \n
                            • Una vez que hayas guardado tus cambios, ve a https:\/\/username.github.io\/<\/code> para ver tu sitio en vivo.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                              Paso 7: Mantenimiento y Actualizaciones<\/h2>\n\n\n\n
                                \n
                              • Actualiza el Contenido<\/strong>: Puedes seguir agregando o modificando archivos en tu repositorio en cualquier momento. Simplemente sube los cambios y espera unos minutos para que se reflejen en tu sitio.<\/li>\n\n\n\n
                              • Monitorea el Tr\u00e1fico<\/strong>: Si deseas, puedes habilitar herramientas de an\u00e1lisis para monitorear el tr\u00e1fico de tu p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n

                                Aqui dejare algunos enlaces con paginas de este tipo:<\/h2>\n\n\n\n

                                https:\/\/drgona.github.io\/
                                https:\/\/fafgames.github.io\/
                                https:\/\/colortunnelgame.github.io\/ ** este me gusto **
                                https:\/\/tgnav.github.io\/
                                https:\/\/tiksinmarca.github.io\/
                                https:\/\/driftbossonline.github.io\/
                                https:\/\/argoproj.github.io\/
                                https:\/\/diekmann.github.io\/wasm-fizzbuzz\/doom\/ ** Para jugar Doom por pagina web **
                                https:\/\/gheja.github.io\/
                                <\/p>\n\n\n\n

                                Conclusi\u00f3n<\/h2>\n\n\n\n

                                Crear una p\u00e1gina en GitHub Pages es una excelente manera de mostrar tus proyectos, compartir informaci\u00f3n o incluso iniciar un blog. Recuerda que es esencial que el nombre de usuario de tu cuenta coincida con el nombre del repositorio para que la URL de tu sitio sea la correcta. Siguiendo estos pasos, podr\u00e1s tener tu p\u00e1gina en l\u00ednea en poco tiempo. \u00a1Empieza a crear tu sitio web hoy mismo!<\/p>\n","protected":false},"excerpt":{"rendered":"

                                Crear una p\u00e1gina web en GitHub Pages es un proceso<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[4441,3619],"tags":[130,6280,2627,266,3530,3537,1790,3055,3056,1323,6282,6285,6281,299,6283,6286,6284],"class_list":["post-2554","post","type-post","status-publish","format-standard","hentry","category-programacion","category-web","tag-actualizaciones","tag-como-crear-una-pagina-en-github-pages","tag-configuracion","tag-contenido","tag-css","tag-github","tag-guia","tag-html","tag-javascript","tag-mantenimiento","tag-nombre-de-usuario","tag-pagina-web","tag-pasos","tag-personalizacion","tag-repositorio","tag-sitio-estatico","tag-url"],"_links":{"self":[{"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/posts\/2554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/comments?post=2554"}],"version-history":[{"count":4,"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/posts\/2554\/revisions"}],"predecessor-version":[{"id":2560,"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/posts\/2554\/revisions\/2560"}],"wp:attachment":[{"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/media?parent=2554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/categories?post=2554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zidrave.net\/index.php\/wp-json\/wp\/v2\/tags?post=2554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}