You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Sep 1, 2022. It is now read-only.
Si es la primera vez que usas GitHub Pages o quieres aprender cómo crear y alojar un sitio web con [GitHub Pages](https://pages.github.com), estás en el lugar adecuado. Con GitHub Pages, puedes alojar contenidos como [documentación](https://flight-manual.atom.io/), [currículums](https://github.com/jglovier/resume-template) o cualquier otro contenido estático que quieras.
6
+
7
+
En este curso crearás un blog alojado en GitHub Pages y aprenderas a:
8
+
9
+
- Activar GitHub Pages
10
+
- Usar [Jekyll](https://jekyllrb.com/), un generador de sitios estáticos
11
+
- Personalizar el aspecto y contenido de sitios creados con Jekyll
12
+
13
+
### ¿GitHub es nuevo para ti?
14
+
15
+
Para este curso necesitas saber cómo crear una rama (_branch_) en GitHub, confirmar cambios (_commit_) usando Git, y abrir peticiones de extracción (_pull requests_) en GitHub. Si necesitas un recordatorio del flujo de trabajo en GitHub, revisa el [curso de Introducción a GitHub]({{ host }}/courses/introduction-to-github).
16
+
17
+
### :keyboard: Actividad: Genera un sitio web con GitHub Pages
18
+
19
+
El primer paso para publicar tu blog en la web es activar GitHub Pages en este repositorio <sup>[:book:](https://help.github.com/articles/github-glossary/#repository)</sup>. Cuando habilitas GitHub Pages para un repositorio, GitHub toma el contenido que tenga en el branc `master` y publica un sitio web basado en esos contenidos.
20
+
21
+
1. Debajo del nombre de tu repositorio, haz clic en [**Settings**]({{ repoUrl }}/settings) (Ajustes).
22
+
1. En la sección "GitHub Pages", en el desplegable Source, selecciona **master branch**.
23
+
24
+
Una vez que GitHub Pages se ha activado y se ha iniciado el sitio web, estaremos listos para crear algún contenido más.
25
+
26
+
> Activar GitHub Pages crea una implementación de tu repositorio. Puede llevarme hasta un minuto contestar mientras espero a la implementación.
27
+
28
+
<hr>
29
+
<h3align="center">Vuelve a esta propuesta _(issue)_ para mi siguiente comentario.</h3>
30
+
31
+
> _A veces respondo demasiado rápido para que la página se actualice por sí misma. Si realizas alguna acción prevista y no ves una respuesta por mi parte, espera unos segundos y refresca la página para ver tus siguientes pasos._
¡Buen trabajo! Ahora que GitHub Pages está activado, puedes ver tu sitio web aquí: {{ deploymentUrl }}
4
+
5
+
Puedes personalizar tu página inicial añadiendo contenido bien a un archivo `index` o al archivo `README.md`. GitHub Pages buscará primero un archivo `index`. Si encuentra un archivo `index`, GitHub Pages utiliza el contenido en ese archivo para crear la página inicial. Si no encuentra un archivo `index`, utiliza `REAMDE.md` para crear la página inicial.
6
+
7
+
Tu repositorio tiene un archivo `index.md`, así que podemos actualizarlo para que incluya tu contenido personalizado.
8
+
9
+
### :keyboard: Actividad: Crea tu página inicial
10
+
11
+
1. Navega a la pestaña **Code** de este repositorio y accede al archivo `index.md`, o haz clic en [este enlace]({{ repoUrl }}/blob/master/index.md)
12
+
2. En la esquina superior derecha, haz clic en el icono a la derecha del archivo para editar el archivo `index.md`
13
+
3. Escribe el contenido que quieres que aparezca en tu página principal
14
+
4. Haz scroll hasta la parte inferior, escribe un mensaje de commit y haz clic en **Create a new branch for this commit and start a pull request**
15
+
5. Abre una petición de extracción (pull request)
16
+
17
+
> Una vez que has creado el pull request, me desplazaré hasta allí para hablar de los próximos pasos.
18
+
19
+
<hr>
20
+
<h3align="center">Busca mi respuesta en tu pull request.</h3>
Parece que la descripción de tu pull request está vacía, @{{ user.username }}.
2
+
3
+
**¿Lo sabías?** Si añades palabras clave a tu pull request, puedes cerrar issues automáticamente.
4
+
5
+
Por ejemplo, si escribes `closes #2` en la descripción de tu pull request, el issue abierto se cerrará cuando este ejercicio esté completo. Para más palabras clave que puedes usar para cerrar issues, consulta “[Closing issues with keywords](https://help.github.com/articles/closing-issues-using-keywords/)".
6
+
7
+
Si necesitas ayuda resolviendo los problemas que estás encontrando en este issue, crea un post en el tablón [GitHub Community]({{ communityBoard }}). Puede que también quieres buscar tu problema para ver si alguna otra persona ha podido resolverlo en el pasado.
8
+
9
+
<hr>
10
+
<h3align="center">Comprueba los siguientes pasos más abajo.</h3>
¡Buen trabajo! Puedes ver tu sitio publicado [aquí]({{ deploymentUrl }}). Si no ves tus cambios inmediatamente, refresca la página.
4
+
5
+
### Preparar tu página para usarla como blog
6
+
7
+
Jekyll utiliza un archivo llamado `_config.yml` para almacenar los ajustes de tu sitio web, la plantilla o el tema del sitio y contenido reutilizable como el título de tu sitio y tu nombre de usuario de GitHub.
8
+
9
+
Puedes comprobar el archivo `_config.yml` en la pestaña **Code** de tu repositorio.
10
+
11
+
### :keyboard: Actividad: Modifica el archivo de configuración
12
+
13
+
Vamos a modificar `_config.yml` para que refleje perfectamente con tu nuevo blog. Primero, tenemos que aplicar una plantilla o tema que funcione con blogs. Para esta actividad, usaremos un tema llamado `minima`.
14
+
15
+
16
+
17
+
1. Navega a la pestaña **Code** de este repositorio y hasta el archivo `_config.yml`, o haz clic en [este enlace]({{ repoUrl }}/blob/master/_config.yml).
18
+
2. En la esquina superior derecha, haz clic en :pencil2: para abrir el editor.
19
+
3. Añade un `theme:` que especifique **minima**, de forma que se vea así en tu archivo `_config.yml`:
20
+
```
21
+
theme: minima
22
+
```
23
+
4. Modifica las otras variables de configuración, como `title:`, `author:` y `description:`, para personalizar tu sitio web.
24
+
5. Haz clic en **Create a new branch for this commit and start a pull request**.
25
+
6. Abre un pull request.
26
+
27
+
<hr>
28
+
<h3 align="center">Busca mi siguiente respuesta en tu pull request.</h3>
¡Buen trabajo, @{{ user.username }}! Este request ya está terminado. Encontrarás tu siguiente tarea [aquí]({{ url }}).
2
+
3
+
Voy a adelantarme y a cerrar nuestro primer issue <sup>[:book:](https://help.github.com/articles/github-glossary/#issue)</sup> ahora que ya has actualizado tu archivo `index.md`.
Este pull request pinta muy bien. :sparkles: ¡Acabas de editar el archivo `_config.yml`! Tenemos algo más de trabajo para crear tu blog. Puedes seguir haciendo commits en tu rama `{{ branch }}` y el pull request se actualizará automáticamente.
6
+
7
+
### :keyboard: Actividad: Añade algo de contenido a tu blog
8
+
9
+
**Nota de atajo**: Haz clic en [este enlace]({{ repoUrl }}/new/{{ branch }}/?filename=_posts/{{ date | date: "%Y-%m-%d" }}-my-first-blog-post.md) para completar automáticamente los pasos 1-4.
10
+
11
+
1. En la pestaña "Code", selecciona tu rama `{{ branch }}`.
12
+
1. Haz clic en **Create new file** (crear un archivo nuevo).
13
+
1. Nombra el archivo `_posts/AAAA-MM-DD-titulo.md`.
14
+
1. Reemplaza `AAAA-MM-DD` con la fecha de hoy, y cambia también el `titulo` de tu primer post si quieres. _Nota:_ Si cambias el título, asegúrate de utilizar guiones en lugar de espacios.
15
+
16
+
- Si la fecha de tu post no sigue la convención de fechas correcta, recibirás un error y tu sitio no se construirá. Para más información, puedes acceder a "[Page build failed: Invalid post date](https://help.github.com/articles/page-build-failed-invalid-post-date/)".
17
+
18
+
1. Escribe un borrador rápido de tu primer post. Recuerda, siempre puedes editarlo después.
19
+
1. Haz commit de tus cambios a tu rama.
20
+
21
+
<hr>
22
+
<h3align="center">Mira mi respuesta más abajo.</h3>
Parece que has cambiado el tema del sitio, pero para esta actividad queremos usar `minima`.
2
+
3
+
### :keyboard: Actividad: Cambia el tema a minima
4
+
5
+
Vamos a cambiar el tema a `minima`:
6
+
7
+
1. En la parte superior de este pull request, haz clic en la pestaña **Files changed**.
8
+
2. Haz clic en el icono para entrar en el modo de edición y cambia el `theme:` a **minima**.
9
+
3. Haz scroll hasta la parte de abajo de la página para crear un commit.
10
+
4. Introduce un mensaje de commit y haz clic en **Commit changes**.
11
+
12
+
> No te preocupes, si no te gusta este tema siempre puedes cambiarlo más adelante.
13
+
14
+
Si necesitas ayuda resolviendo el problema que estás encontrando, crea un post en el tablero de [GitHub Community]({{ communityBoard }}). Puede que también quieras buscar tu problema para ver si otras personas lo han resuelto en el pasado.
15
+
16
+
<hr>
17
+
<h3align="center">Mira mi respuesta más abajo.</h3>
Ahora que has creado tu archivo con el post para un blog en Jekyll, podemos añadir algo de sintaxis. La sintaxis que usan los archivos de Jekyll se llama texto preliminar YAML. Va en la parte superior de tu archivo y tiene este aspecto:
4
+
5
+
```yml
6
+
---
7
+
title: "Bienvenida a mi blog"
8
+
date: 2019-01-20
9
+
---
10
+
```
11
+
12
+
Este ejemplo añade un título y una fecha a tu post. Hay otras cosas útiles que puedes añadir aquí en el futuro como plantillas, categorías o cualquier otra lógica que te resulte útil. Para más información sobre la configuración del texto preliminar, puedes consultar [Jekyll front matter documentation](https://jekyllrb.com/docs/frontmatter/).
13
+
14
+
### :keyboard: Actividad: Añade texto preliminar a tu post
15
+
16
+
1. Haz clic en la pestaña "Files Changed" de este pull request.
17
+
1. Hay dos archivos en la pestaña "Files Changed", el archivo `_config.yml` y el archivo `_posts/YYYY-MM-DD-title.md`. Asegúrate de editar el archivo que hay en la carpeta `_posts`.
18
+
2. Haz clic en el icono de la parte derecha para editar.
19
+
3. Escribe lo siguiente en la parte superior de tu post:
20
+
21
+
---
22
+
title: "TU TÍTULO"
23
+
date: AAAA-MM-DD
24
+
---
25
+
26
+
4. Reemplaza TU TÍTULO con el título para tu post.
27
+
5. Reemplaza AAAA-MM-DD con la fecha de hoy.
28
+
6. Haz commit de tus cambios en tu rama.
29
+
30
+
<hr>
31
+
<h3align="center">Mira mi respuesta más abajo.</h3>
0 commit comments