Cómo crear un sitio web en GitHub Páginas: 12 pasos (con imágenes)

GitHub Pages es una excelente manera de hacer su propio sitio personal desde cero.Es completamente libre y solo requiere una cuenta GitHub.Sin embargo, tenga en cuenta que las páginas de GitHub no ofrecen el diseño más fácil de usar para realizar sitios web (a diferencia de Wix o SquarSpace), pero es una excelente manera de obtener experiencia con HTML / CSS / JS y todos los elementos de un sitio web.Esto le mostrará cómo empezar.

Pasos

Registrar una cuenta en GitHub, Si no tienes uno todavía.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.

Imagen titulada Crear un sitio web en GitHub Pages Paso 2

Crear un repositorio en GitHub.Asegúrate de nombrar el repositorio "[Tu nombre de usuario de GitHub aquí].github.io".Esto inicializará su sitio web de GitHub.

Método 1 de 2:

Utilizando un editor de código

1. Descarga GitHub Desktop, si no lo tienes ya instalado.Instalar GitHub Desktop es tan simple como ir https: // Desktop.github.com / y haciendo clic en el púrpura grande "Descargar" botón.Luego ejecuta el instalador.Esto se necesita para impulsar los cambios a su repositorio.

Imagen titulada Crear un sitio web en GitHub Pages Paso 4

2. Instale un editor de código.Necesitas uno para obtener la sintaxis resaltada en GitHub.Las opciones populares incluyen Átomo, Código Visual Studio, Texto sublime, y Bloc++, Dada su sensación rica en características y minimalistas.Después de instalar un editor de código, está listo para comenzar.

Imagen titulada Crear un sitio web en GitHub Pages Paso 5

3. Crea un archivo llamado "índice.html".Puede hacerlo en su 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 "índice.html" Archivo en la carpeta del repositorio en su unidad.

Imagen titulada Crear un sitio web en GitHub Pages Paso 6

4. Agrega tu Html.Necesitaras aprender html Para poder codificar una página web básica.También será útil para usted aprender CSS y jаvascript para que pueda agregar estilo y funcionalidad a su página web.

Recuerda guardar el archivo.

Imagen titulada Crear un sitio web en GitHub Pages Paso 7

5. Cometer los cambios.Regrese a GitHub Desktop y haga clic en el botón AZUL con el botón Master.Luego haga clic en PUSH ORIGEN.Esto subirá los cambios a GitHub.

Si planea hacer más cambios, también querrá sacar el origen.Haga clic en el botón de origen de tracción en Gititub Desktop para descargar el último compromiso con su máquina.

Imagen titulada Crear un sitio web en GitHub Pages Paso 8

6. Ver su página web.Ir "[Tu nombre de usuario de GitHub aquí].github.io" En un navegador web.Es posible que deba pasar por alto el caché de su navegador sosteniendo control o ⌘ comando mientras hace clic en el botón Actualizar para ver la nueva página web.

Método 2 de 2:

Usando github en línea

1. Crea un archivo llamado "índice.html".Haga clic en Agregar archivo y luego haga clic en Crear archivo nuevo.Esto abrirá un editor de archivos.Agregar "índice.html" hacia "Nombra tu archivo" campo.

Imagen titulada Crear un sitio web en GitHub Pages Paso 10

2. Agrega tu Html.Necesitaras aprender html Para poder codificar una página web básica.También será útil para usted aprender CSS y jаvascript para que pueda agregar estilo y funcionalidad a su página web.

Recuerda guardar el archivo.

Imagen titulada Crear un sitio web en GitHub Pages Paso 11

3. Cometer los cambios.Haga clic en el botón de archivo nuevo de COMTOMBRE GREEN para guardar el archivo a GitHub.

Imagen titulada Crear un sitio web en GitHub Pages Paso 12

4. Ver su página web.Ir "[Tu nombre de usuario de GitHub aquí].github.io" En un navegador web.Es posible que deba pasar por alto el caché de su navegador sosteniendo control o ⌘ comando mientras hace clic en el botón Actualizar para ver la nueva página web.