Page cover

Publicar una página web con Github pages

Esto es una práctica para que los alumnos aprendan como empezar a usar GitHub y, a la vez, publicar un portfolio de sus trabajos para promocionarse por Internet.

GitHub se puede utilizar mediante:

  • Github desktop

  • Terminal: Para el modo terminal hay que configurar un acceso SSH y usar comandos de github y Linux o puedes acceder al terminal desde el mismo Github desktop.

MODO GITHUB WEB APP

Primero crear una cuenta de Github

En la esquina superior derecha de cualquier página, utiliza el menú desplegable y selecciona Repositorio Nuevo.

Menú desplegable con opción para crear un repositorio nuevo

Ingresa username.github.io como nombre de repositorio. Reemplaza a username con tu nombre de usuario de GitHub. Por ejemplo, si tu nombre de usuario es octocat, el nombre de repositorio debería ser octocat.github.io.

Una vez creado el repositorio, crea manualmente los archivos de Pages:

Cambiar el título y la descripción

Predeterminadamente, el título de tu sitio es username.github.io. Puedes cambiar el título si editas el archivo _config.yml en tu repositorio. También puedes agregar una descripción de tu sitio.

  • Haz clic en la pestaña de Código de tu repositorio.

  • En la lista de archivos, haz clic en _config.yml para abrir el archivo.

  • Edita el archivo: el archivo _config.yml ya contiene una línea que especifica el tema para tu sitio. Agrega una línea nueva con title:, seguido del título que quieras. Agrega una línea nueva con description:, seguido de la descripción que quieras.

Por ejemplo: 

theme: jekyll-theme-minimal 
title: Octocat's homepage 
description: Bookmark this to keep an eye on my project updates!

  • Para cambiar el tema, revisa de la lista de temas compatibles y cambia en la línea de “theme” la palabra resaltada por uno de la lista:

theme: jekyll-theme-minimal

Por otro

theme: jekyll-theme-merlot

  • Cuando termines de editar el archivo, haz clic en Confirmar cambios.

Visita username.github.io para ver tu sitio web nuevo.

Nota: Las publicaciones y cambios pueden tardar un poco en reflejarse en la web, puedes ver los cambios en directo desde la pestaña “Actions”

GITHUB DESKTOP

Una vez en el GitHub Desktop, clona tu repositorio en línea a través de navegador para crear una copia local.

Desde la carpeta local de GitHub es más sencillo editar código o conectarlo directamente a Visual Code, Visual Studio u otros IDEs que tengan compatibilidad.

NOTA: Hay un error en GitHub desktop la primera vez que lo abres que dice “Error

Author identity unknown *** Please tell me who you are.” para ello ves al terminal:

Y escribes:

git config --global user.email "you@example.com" 
git config --global user.name "Your Name" 
  
%USERPROFILE%\.gitconfig

Practica: Uso de Github

A continuación, lo que quiero que hagáis es que montéis vuestro propio repositorio y creéis una web para promocionaros, como un CV online como el que realizasteis en FOL/EIE con una serie de requisitos:

  • Debe contener una foto vuestra.

  • Debe contener varias categorías debidamente separadas y distinguidas.

  • Debe contener listas.

  • Debe estar formateado el texto para cursiva y negrita.

Lo siguiente que deberéis crear es una categoría dentro del CV que sea el portfolio. Subid varias carpetas con proyectos de HTML/CSS realizados en clase o de otros lenguajes (Batch, python...) y enlazadlas en vuestro CV.

Como referencia os dejo mi github:

WEBGRAFÍA

GUIA INICIO GITHUB PAGES: https://docs.github.com/es/pages/quickstart

MARKDOWN LANGUAGE DE GITHUB: Basic writing and formatting syntax - GitHub Docs

GIT BASH: https://www.atlassian.com/es/git/tutorials/git-bash

https://docs.github.com/es/get-started/using-git/about-git#

AnteriorGitSiguienteSistemas de notificación y comunicación instantánea

Última actualización