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

Tabla de contenido:

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

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

Video: Cómo crear un sitio web en páginas de GitHub: 12 pasos (con imágenes)
Video: Cómo GRABAR un DIÁLOGO de CINE 2024, Mayo
Anonim

Las páginas de GitHub son una excelente manera de crear su propio sitio personal desde cero. Es completamente gratuito y solo requiere una cuenta de GitHub. Sin embargo, tenga en cuenta que las páginas de GitHub no ofrecen 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 ganar experiencia con HTML / CSS / JS y todos los elementos de un sitio web. Este wikiHow te mostrará cómo comenzar.

Pasos

Crear un sitio web en páginas de GitHub Paso 1
Crear un sitio web en páginas de GitHub Paso 1

Paso 1. Registre una cuenta en GitHub, si aún no tiene una

Antes de que pueda 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.

Crear un sitio web en páginas de GitHub Paso 2
Crear un sitio web en páginas de GitHub Paso 2

Paso 2. Crea 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: usar un editor de código

Crear un sitio web en páginas de GitHub Paso 3
Crear un sitio web en páginas de GitHub Paso 3

Paso 1. Descargue el escritorio de GitHub, si aún no lo tiene instalado

Instalar el escritorio de GitHub es tan simple como ir a https://desktop.github.com/ y hacer clic en el gran botón morado "Descargar". Luego ejecuta el instalador. Esto es necesario para enviar cambios a su repositorio.

Crear un sitio web en páginas de GitHub Paso 4
Crear un sitio web en páginas de GitHub Paso 4

Paso 2. Instale un editor de código

Necesita uno para obtener el resaltado de 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, está listo para comenzar.

Crear un sitio web en páginas de GitHub Paso 5
Crear un sitio web en páginas de GitHub Paso 5

Paso 3. Cree un archivo llamado "index.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 archivo "index.html" en la carpeta del repositorio en su disco.

Crear un sitio web en páginas de GitHub Paso 6
Crear un sitio web en páginas de GitHub Paso 6

Paso 4. Agregue su HTML

Deberá aprender HTML para poder codificar una página web básica. También le será útil aprender CSS y JavaScript para que pueda agregar estilo y funcionalidad a su página web.

Recuerde guardar el archivo

Crear un sitio web en páginas de GitHub Paso 7
Crear un sitio web en páginas de GitHub Paso 7

Paso 5. Confirme los cambios

Regrese al escritorio de GitHub y haga clic en el botón azul Confirmar con maestro. Luego haga clic en Push Origin. 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 en su máquina

Crear un sitio web en páginas de GitHub Paso 8
Crear un sitio web en páginas de GitHub Paso 8

Paso 6. Vea su página web

Vaya a "[su nombre de usuario de GitHub aquí].github.io" en un navegador web. Es posible que deba omitir la memoria caché de su navegador manteniendo presionada la tecla Ctrl o Comando ⌘ mientras hace clic en el botón de actualización para ver la nueva página web.

Método 2 de 2: Usar GitHub Online

Crear un sitio web en páginas de GitHub Paso 9
Crear un sitio web en páginas de GitHub Paso 9

Paso 1. 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. Agrega "index.html" al campo "Ponle un nombre a tu archivo".

Crear un sitio web en páginas de GitHub Paso 10
Crear un sitio web en páginas de GitHub Paso 10

Paso 2. Agregue su HTML

Deberá aprender HTML para poder codificar una página web básica. También le será útil aprender CSS y JavaScript para que pueda agregar estilo y funcionalidad a su página web.

Recuerde guardar el archivo

Crear un sitio web en páginas de GitHub Paso 11
Crear un sitio web en páginas de GitHub Paso 11

Paso 3. Confirme los cambios

Haga clic en el botón verde Confirmar nuevo archivo para guardar el archivo en GitHub.

Crear un sitio web en páginas de GitHub Paso 12
Crear un sitio web en páginas de GitHub Paso 12

Paso 4. Vea su página web

Vaya a "[su nombre de usuario de GitHub aquí].github.io" en un navegador web. Es posible que deba omitir la memoria caché de su navegador manteniendo presionada la tecla Ctrl o Comando ⌘ mientras hace clic en el botón de actualización para ver la nueva página web.

Consejos

  • Para agregar subpáginas, simplemente cree una nueva carpeta en GitHub y agregue un archivo "index.html" en esa carpeta.
  • Si registra un nombre de dominio, puede hacer que las páginas de GitHub usen ese nombre de dominio en lugar del predeterminado.
  • Los repositorios de páginas de GitHub deben ser públicos, a menos que tenga una cuenta premium.

Recomendado: