Agregar CSS personalizado a Jekyll
Soy nuevo en Jekyll y estoy creando un sitio con html y css personalizados en orden. Jekyll descarga el tema de mínimos de forma predeterminada, así que anulé la página de inicio con el siguiente html:
<!DOCTYPE html>
<html>
<head>
<title>testsite</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
all my html
<script>
$.ajax(an ajax call);
</script>
</body>
</html>
Estoy buscando agregar una hoja de estilo personalizada, pero tengo problemas para vincularme correctamente dentro del tema. He comprobado en línea, pero muchos foros parecen incorrectos en la estructura de carpetas.
Aquí está la estructura actual.
--layouts
-home.html
--posts
--site
--assets
-main.css
-main.css.map
--jekyll
--update
--privacy
-index.html
--jekyll-cache
-config.yml
-Gemfile
-Gemfile.lock
-index.markdown
Mi pregunta es, ¿hay una forma sencilla de agregar una hoja de estilo que funcione en todas las páginas cuando esté activa? Puedo vincular una hoja de estilo de la forma habitual en que lo hace la identificación, sin embargo, eso no funciona cuando se carga en github. ¿Sería mejor comenzar desde una compilación sin un tema? Si es así, ¿cómo configuro el archivo de gemas?
¡Gracias!
Respuestas
Gran enfoque simple. Me encanta. A continuación se explica cómo proceder:
- Elimina Minima de tu archivo / proyecto de configuración
- Crear un directorio _incluye
- Mueva el encabezado a header.html en _includes
- Llame al encabezado en el archivo home.html (y cualquier otro diseño) mediante {% include header.html%}
- Vincula el nuevo CSS en el archivo header.html
Jekyll sin temas (y complementos) es mucho mejor. ¿Buscando por mas?https://www.jekyllcodex.org