IgnacioGaldames.github.io
IgnacioGaldames.github.io
Este es el sitio web oficial de I.A. Galdames, un escritor de ciencia ficción. El sitio está construido usando Jekyll y se aloja en GitHub Pages.
Tabla de Contenidos
- Instalación
- Uso
- Creación de Nuevas Publicaciones
- Añadir Enlaces de Redes Sociales
- Personalización
- Contribuir
- Licencia
Instalación
Para ejecutar este sitio localmente, necesitas tener Ruby y Jekyll instalados.
Requisitos Previos
Clonar el Repositorio
git clone https://github.com/IgnacioGaldames/IgnacioGaldames.github.io.git
cd IgnacioGaldames.github.io
Instalar Dependencias
bash
Copiar código
bundle install
Servir el Sitio Localmente
bash
Copiar código
bundle exec jekyll serve
Abre tu navegador y navega a http://localhost:4000 para ver el sitio.
Uso
Creación de Nuevas Publicaciones Navega al directorio _posts. Crea un nuevo archivo Markdown con la siguiente convención de nombres: YYYY-MM-DD-titulo.md. Añade el siguiente front matter al inicio del archivo: markdown Copiar código — layout: post title: “Tu Título de Publicación” date: YYYY-MM-DD HH:MM:SS +/-TTTT categories: [categoria1, categoria2] — Escribe el contenido de tu publicación debajo del front matter. Añadir Enlaces de Redes Sociales Para añadir o actualizar enlaces de redes sociales, edita el archivo _config.yml:
yaml
Copiar código social:
- name: twitter url: “https://twitter.com/IAGaldames”
- name: instagram url: “https://www.instagram.com/iagaldames”
- name: linkedin url: “https://www.linkedin.com/in/ignaciogaldames/”
- name: github url: “https://github.com/ignaciogaldames”
- name: goodreads url: “https://www.goodreads.com/author/show/16542460.I_A_Galdames” Personalización Cambiar el Footer El footer está ubicado en _includes/footer.html. Para actualizar el footer con enlaces de redes sociales dinámicamente:
html
Copiar código
<footer class="footer mt-auto py-3 bg-dark text-white">
<div class="container text-center">
<div class="mb-3">
</div>
<p>© 2024 I.A. Galdames. Todos los derechos reservados.</p>
</div>
</footer>
Estilos Personalizados
El CSS personalizado se puede añadir a assets/css/main.css. Por ejemplo, para asegurar que el footer se mantenga en la parte inferior:
css
Copiar código
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.footer {
margin-top: auto;
}
Contribuir
Haz un fork del repositorio. Crea una nueva rama (git checkout -b feature-branch). Realiza tus cambios y haz commit de ellos (git commit -m ‘Añadir alguna característica’). Haz push a la rama (git push origin feature-branch). Abre un Pull Request.
Licencia
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.
Uso
``
bundle exec jekyll build
bundle exec jekyll serve –watch –incremental –port 4000
sass –style=expanded –color –watch assets/scss/main.scss assets/css/main.css
sass –style=compressed –watch assets/scss/main.scss assets/css/main-compressed.css –no-source-map
``