Ajouter un CSS personnalisé à Jekyll
Je suis nouveau sur Jekyll et je crée un site avec html et css personnalisés dans l'ordre. Jekyll télécharge le thème des minima par défaut, j'ai donc remplacé la page d'accueil avec le html suivant:
<!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>
Je cherche à ajouter une feuille de style personnalisée, mais j'ai du mal à me connecter correctement à l'intérieur du thème. J'ai vérifié en ligne mais de nombreux forums semblent incorrects sur la structure des dossiers.
Voici la structure actuelle.
--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
Ma question est la suivante: existe-t-il un moyen simple d'ajouter une feuille de style qui fonctionnera sur toutes les pages une fois en ligne? Je peux lier une feuille de style de la manière habituelle, mais cela ne fonctionne pas une fois téléchargée sur github. Serait-il préférable de partir d'une construction sans thème? Si oui, comment configurer le gemfile?
Merci!
Réponses
Excellente approche simple. J'aime cela. Voici comment procéder:
- Supprimer Minima de votre fichier de configuration / projet
- Créer un répertoire _inclut
- Déplacez la tête vers header.html dans _includes
- Appelez l'en-tête dans le fichier home.html (et tout autre format) en utilisant {% include header.html%}
- Liez le nouveau CSS dans le fichier header.html
Jekyll sans thèmes (et plugins) est tellement mieux. Vous en voulez plus?https://www.jekyllcodex.org