Cómo crear un sitio web en páginas de GitHub.

Cómo crear un sitio web en páginas de GitHub

GitHub Pages es una excelente manera de crear su propio sitio personal desde cero. Es completamente gratuito y sólo requiere una cuenta de GitHub. Sin embargo, tenga en cuenta que GitHub Pages no ofrece el diseño más fácil de usar para crear sitios web (a diferencia de Wix o Squarespace), pero es una excelente manera de adquirir experiencia con HTML/CSS/JS y todos los elementos de un sitio web. Este wikiHow te mostrará cómo empezar.

Pasos

  1. Paso 1 Registre una cuenta...
    Imágenes de Google Paso 1 Registra una cuenta...
    Registre una cuenta en GitHub , si aún no tiene una. Antes de poder crear su propio sitio web en las páginas de GitHub, debe crear una cuenta en GitHub. Si ya tiene una cuenta en GitHub, asegúrese de iniciar sesión. Se puede acceder a ambos desde la barra de herramientas superior derecha.
  2. Paso 2 Crea un repositorio en GitHub
    Imágenes de Google Paso 2 Crea un repositorio en GitHub
    Crea un repositorio en GitHub . Asegúrese de nombrar el repositorio "[su nombre de usuario de GitHub aquí].github.io". Esto inicializará su sitio web GitHub.
Método 1

Usando un escritorio GitHub

  1. Paso 1. Descargue GitHub de escritorio, si aún no lo tiene instalado.
    Imágenes de Google Paso 1 Descargue GitHub de escritorio, si aún no lo tiene instalado.
    Descargue GitHub de escritorio, si aún no lo tiene instalado. Instalar GitHub de escritorio es tan simple como ir a https://desktop.github.com/ y hacer clic en el gran botón morado "Descargar". Luego ejecute el instalador. Esto es necesario para enviar cambios a su repositorio.
  2. Paso 2 Instale un editor de código.
    Imágenes de Google Paso 2 Instale un editor de código.
    Instale un editor de código. Necesita uno para resaltar la sintaxis en GitHub. Las opciones populares incluyen Atom, Visual Studio Code, Sublime Text y Notepad++, dada su sensación minimalista y rica en funciones. Después de instalar un editor de código, estará listo para comenzar.
  3. Cómo crear un sitio web en páginas de GitHub
    Imágenes de Google Cómo crear un sitio web en páginas de GitHub
    Cree un archivo llamado "index.html". Puedes hacerlo en tu editor de código o en línea. También puede ir a la ubicación de su repositorio en su disco duro y crear un archivo "index.html" en la carpeta del repositorio en su disco.
  4. Paso 4 Añade tu HTML....
    Imágenes de Google Paso 4 Agrega tu HTML....
    Añade tu HTML . Necesitará aprender HTML para poder codificar una página web básica. También le resultará útil aprender CSS y JavaScript para poder agregar estilo y funcionalidad a su página web.
    • Recuerde guardar el archivo.
  5. Paso 5 Confirme los cambios.
    Imágenes de Google Paso 5 Confirma los cambios.
    Confirme los cambios. Regrese al escritorio de GitHub y haga clic en el botón azul Confirmar con maestro. Luego haga clic en Enviar origen. Esto cargará los cambios en GitHub.
    • Si planea realizar más cambios, también querrá extraer el origen. Haga clic en el botón Extraer origen en el escritorio de GitHub para descargar la última confirmación a su máquina.
  6. Paso 6 Vea su página web.
    Imágenes de Google Paso 6 Visualiza tu página web.
    Ver su página web. Vaya a "[su nombre de usuario de GitHub aquí].github.io" en un navegador web. Es posible que deba omitir el caché de su navegador manteniendo presionada la tecla Ctrl o ⌘ Comando mientras hace clic en el botón Actualizar para ver la nueva página web.
Método 2

Usando GitHub en línea

  1. Cómo crear un sitio web en páginas de GitHub
    Imágenes de Google Cómo crear un sitio web en páginas de GitHub
    Cree un archivo llamado "index.html". Haga clic en Agregar archivo y luego haga clic en Crear nuevo archivo. Esto abrirá un editor de archivos. Agregue "index.html" al campo "Ponle nombre a tu archivo".
  2. Paso 2 Añade tu HTML....
    Imágenes de Google Paso 2 Agrega tu HTML....
    Añade tu HTML . Necesitará aprender HTML para poder codificar una página web básica. También le resultará útil aprender CSS y JavaScript para poder agregar estilo y funcionalidad a su página web.
    • Recuerde guardar el archivo.
  3. Paso 3 Confirme los cambios.
    Imágenes de Google Paso 3 Confirma los cambios.
    Confirme los cambios. Haga clic en el botón verde Confirmar nuevo archivo para guardar el archivo en GitHub.
  4. Paso 4 Vea su página web.
    Imágenes de Google Paso 4 Visualiza tu página web.
    Ver su página web. Vaya a "[su nombre de usuario de GitHub aquí].github.io" en un navegador web. Es posible que deba omitir el caché de su navegador manteniendo presionada la tecla Ctrl o ⌘ Comando mientras hace clic en el botón Actualizar para ver la nueva página web.