Lemoncode TV

Intro

En este video vamos a ver como puedes publicar tu perfil de manfred en una página web, utilizando para ello Manfred Export y Github Pages.

Paso 1 - Exportar tu perfil en Manfred

Cuando entres en Manfred, tiene la opción de descargar tu perfil:

• Nos vamos al perfil de manfred.
• Pinchamos en descargar tu perfil.
• Hacemos scroll, buscamos la sección descarga en JSON.
• Pinchamos y esto descarga tu perfil a tu ordenador, en formato JSON.

Paso 3 - Descargamos el CV en formato HTML

Ahora nos vamos al sitio manfredexport.

Pegamos el contenido del JSON, en este caso:

• Tengo mi carpeta de descargas abierta en VSCode.
• Pincho en el fichero JSON que me he descargado.
• Copio el contenido.
• Lo pego en el text area de ManfredExport.
• Pinchamos en Export to HTML.
• Esto nos abre un modal para configurar aspectos tales como que colores aplicar al curriculum.
• Le damos a generar... y nos baja a nuestra carpeta de descargas el curriculum en formato HTML.

Paso 4- Creamos un repositorio en Github

Ya tenemos el HTML ahora toca subirlo a Github.

Para ello:

• Nos vamos a Github.com
• Creamos un repositorio en nuestra cuenta de Github (si no tienes cuenta de Github te la puedes crear, es gratuita).
• A esto repo lo llamamos curriculum
• En el siguiente paso, por sencillez vamos a indicarle que queremos que cree un fichero readme.md

Una vez que está creado, vamos a clonarlo en nuestro ordenador:

• Podemos copiar la url del repo pulsando en el botón clone.
• Depende de si estamos usando HTTPS o SSH elegimos la URL que toque.

Paso 5 - Clonamos el repositorio

Nos podemos ir al terminal y clonar el repositorio.

En mi caso voy a utilizar el terminal de VSCode.

git clone https://github.com/brauliodiez/curriculum.git

Paso 6 - Creamos rama gh-pages

Una vez clonado, vamos a crear una rama llamada gh-pages.

git checkout -b gh-pages

Paso 7 - Copiamos el CV HTML

Ahora:

• Borro el contenido que había en el proyecto para esa rama (borro el readme.md).
• Copio el fichero HTML con el CV que me había descargado (está en mi pagina de descargas).
• Lo renombro a index.html.

Paso 8 - Commit y push

Añado los ficheros a staging y hago un commit.

git add .
git commit -m "Agregando cambios para gh-pages"

Ahora subo la rama y los cambios a Github.

git push origin gh-pages

Si volvemos a el repositorio podemos ver que se está desplegando, en cuanto este...

Paso 9 - Ya tenemos la página publicada

Podemos ver la página publicada en la url:

• nombre de usuario
• github.io
• barra nombre del repositorio

https://<usuario>.github.io/<nombre-repositorio>

https://brauliodiez.github.io/curriculum

Ya la tienes lista para compartir con quien quieras :).