Digamos que ya
tienes un buen sitio. Yo aquí tengo uno. Voy a hacer clic en
mi archivo index.html, y tengo algunas
imágenes en él. Tengo un archivo
especial llamado CSS con el que no estás familiarizado
aún, pero está bien. Pero veamos qué
aspecto tiene mi sitio. Aquí vamos. Esta es una pequeña página que
hice sobre mí con un poco de formato. Pero si la chequeas y miras
en la esquina superior, puedes ver que
el sitio no está activo. El hecho de que diga file:, no puedo compartirlo
con otras personas en vivo. Puedo mandarles
por correo mi código, podría decirle a alguien, "Oh mira, he hecho una página web", y luego enviarle este archivo, y todas las imágenes y todo eso, pero es un fastidio. Trataremos de hacer que este sitio
quede activo en mi cuenta de GitHub Pages. Regresemos aquí, a mi cuenta de GitHub que si no
la has creado todavía, está bien. Tengo otro vídeo, ve, crea tu cuenta,
regresa y únete a nosotros. Pero, aparte de eso, crearé mi primera
cuenta activa. Una vez más, iré arriba y haré clic en
el signo más para un nuevo repositorio. Básicamente, considera una
nueva carpeta llena de código. La última vez necesité tener cuidado
con el nombre de mi repositorio, no esta vez. Esta vez le llamaré, digamos, sample, trato mucho
de poner todo en minúsculas. Puedes incluir guiones, pero no caracteres
especiales. Lo dejaré como sample. Muy importante, haré clic en "Inicializar este repositorio con un README", haré clic en eso, y haré click en
"Crear repositorio". Github creará ahora mismo un
nuevo sitio para que suba mi código. La gente que usa GitHub de, iba a decir de verdad, hace muchas cosas desde lineas de comando y tienen
que memorizar muchas cosas. Nosotros no haremos eso. Solo usaremos GitHub Pages
para alojar nuestro código. Hagamos clic
en "Subir Archivos". Esta es la parte
que tiene truco, si hiciera clic en
"Escoge tus archivos", podría hacerlo, recorrerlos y escoger, bien, necesito este archivo y ese otro, pero no me permite
subir carpetas enteras. Ves, si hago clic en CSS
y hago clic en abrir, es como, "Oh ¿es este el archivo
que quieres?, no quiero este, quiero
todo, no solo archivos. Haz clic en "Add". Lo que haré es ir aquí, y solo iré atrás una vez, y voy a arrastrar esta carpeta
entera, todo a la vez, y esto me permite subir
tantos archivos como quiera. El próximo error que cometo todo el tiempo es que olvido ir hasta abajo del todo y
hacer clic en "Commit changes". Este es el primer paso de
dos para activar tu sitio. El primer paso es
solo subir tus archivos. Nuevamente, esto toma
unos minutos en completarse. Mientras eso sucede, Voy a subir, allá arriba
y luego voy a subir. En lo que voy a
hacer clic ahora es, iré arriba y haré
click en "Settings". Lo que necesito
hacer es decir "Oye, si alguien quiere
ver mi sitio, no quiero que
vean mi código. Quiero que vean
mi página real". Volveré aquí abajo, y a desplazarme
hacia abajo, desplazarme con
el ratón hacía abajo, y lo que busco es un sitio
que dice "Github Pages". Ve a None y escoge la opción
"master branch" y guárdalo. Nunca sabes
si funcionó o no. Volveré abajo otra vez, haz clic aquí
y vuelve a bajar, y si voy abajo a Github Pages, ahora me dirá, "Oye, tu código
está ahora aquí". Haré clic en esto, y no es raro que diga, oye, no tienes nada aún
o algo parecido a eso. Lo que haré es, que volveré a mi
código y diré "okay". ¿Cuál es el nombre de
esa carpeta que arrastré? Era sampler, ¿y cuál es el nombre
de mi archivo? Esperemos que sea
index.html, y lo es, muy bien. Iré hasta aquí, y ahora cuando hago clic, Obtengo un error 404. No te preocupes,
eso pasará mucho. La primera cosa
a revisar es, ¿cometiste algún error? Sí, lo he hecho, escribí
sample en lugar de sampler. Coloquemos
una r ahí. Pulsaré enter y ahí
está mi sitio, muy bien. Lo que puedes hacer, los dos pasos para crear
una cuenta Github es subir tu fichero y luego cambiar ese
enlace a GitHub Pages para activarlo. Una vez que lo haces, puedes subir tantas
cosas como quieras. Voy a hacer una cosa
más contigo muy rápido. Voy a regresar a
mi cuenta de GitHub y voy a hacerlo una vez más
pero ligeramente diferente. Quiero ir a github.com. Voy a crear
un repositorio más. Voy a llamarlo, sample2, y esta vez, me voy a olvidar y no voy
a hacer click en este README. Haremos click en
este repositorio. Ahora no hay espacio para mí
para hacer click en subir archivos, y te sientes
algo estancado. Si lo olvidas, simplemente ve
arriba al enlace ReadMe en la página, haces click en él, y estarás
creando el archivo Readme. Se va a bajar. Para que lo sepas,
commit new file es equivalente a guardar archivos
que hacemos en nuestro escritorio. Ahora ya puedo
subir archivos. voy a hacerlo una vez
más para mostrarte otra forma probablemente
más fácil. Regresaré aquí. Antes arrastré toda
la carpeta sampler, esta vez solo
voy a agarrar aquí. Están subiendo. Voy a hacer clic en
"Commit Changes". Mientras esto sucede, quiero que pienses,
"¿Cuál fue el segundo paso? ¿Cuál fue el siguiente paso que
ella dijo que tenía que hacer?" Ese paso es ir a configuración
y agregar las GitHub Pages. Vamos a configurar esto. Arriba, aquí mismo. Me desplazo hacia abajo
en la rama master y lo guardo, y luego como
quiero ser perezosa, me desplazo abajo
nuevamente, "qué bueno este es
el enlace a mi sitio". Hago clic en él. Nuevamente,
cuando obtienes el error 404, generalmente hay dos
razones, o bien deletreaste algo mal, que no es el caso
aquí porque hicimos clic en él, no escribiste nada. O necesitas darle a
GitHub unos minutos más para subir todo, o el
tercero es a veces, no estoy exactamente segura
de por qué, pero a veces, GitHub parece olvidar buscar
el archivo index.html. Entonces presionamos
Enter y ahí vamos. GitHub Pages es una excelente
forma gratuita de alojar tu código y
compartirlo con todo el mundo que creas que quedarán
impresionados con tu increíble trabajo.