Portafolio web gratis
Andrés Alonzo - @aalonzolu
Sr. Software Developer
-
Apasionado del Software Libre.
-
Desarrollador de software senior.
-
Trabajo como: Sr. Software Eng. en EE.UU.
-
7+ años de experiencia en desarrollo.
Quien soy
Lenguaje de maquetado y lenguaje de estilo en cascadas
HTML/css
Componentes a utilizar
Sistema de control de versiones
git
Alojamiento para proyectos utilizando git
github
1
Crear cuenta en github.com
2
Crear un repositorio con terminación .github.io en el nombre
5
Publicar plantilla en el repositorio git.
4
Modificar Plantilla al gusto y necesidad
6
(Opcional) Crear CNAME y asignar nombre de dominio personalizado.
- Ingresar a Github.com
- Llenar datos en el formulario y escoger nombre de usuario.
- Listo!
Crear cuenta en github
- Click en Nuevo repositorio
- En el nombre del repositorio colocar su nombre de usuario seguido de .github.io (aalonzolu.github.io)
- Ingresar descripción el repositorio
- Seleccionar tipo de repositorio publico.
Crear repositorio <username>.github.io
- Ir en html5up.net
- Escoger plantilla
- Descargar plantilla en la computadora y descomprimir.
Descargar plantilla en html5up.net
- Abrir index.html con un editor de texto plano o IDE
- Modificar los textos dentro de las etiquetas HTML
- Opcional: Modificar imágenes y CSS
Modificar Plantilla
- Abrir terminal o CMD.
- Ejecutar las instrucciones que aparecieron a la hora de crear el repositorio.
- Verificar que el repositorio tenga los archivos de la plantilla.
Publicar sitio
visitar a http://<username>.github.io
Visitar Sitio
- Modificar los archivos necesarios
-
En la terminal o CMD ejecutar los siguientes comandos.
- git add .
- git commit -am "Comentario sobre los cambios"
- git push origin main
Modificar Sitio web
-
Comprar dominio .com .net, etc
-
ó solicitar dominio <subdominio>io.gt
-
-
Apuntar dominio al CNAME <username>.github.io
-
Ir a la configuración del repositorio.
-
Ir en el menú Pagina o Pages
-
Ingresar dominio en Dominios Personalizados o Custom Domains.
¡BONUS! Agregar dominio personalizado
https://slides.com/aalonzolu/
Presentación disponible en:
@aalonzolu
https://www.linkedin.com/in/aalonzolu/
Minimal
By Andy Alonzo
Minimal
- 6