Pages GitHub et chemins relatifs

Question

J'ai créé un gh-pages pour un projet sur lequel je travaille sur GitHub.

J'utilise Sublime text pour créer le site web localement et mon problème est que lorsque le site est envoyé sur GitHub, tous les liens vers les javascripts, les images et les fichiers css sont invalides.

Par exemple, j'ai ceci dans ma section tête.

<link href="assets/css/common.css" rel="stylesheet">

Cela fonctionne très bien localement, mais pas à partir de GitHub, car les liens ne sont pas résolus en utilisant le nom du dépôt dans l'URL.

Il demande :

http://[user].github.io/assets/css/common.css

alors qu'elle aurait dû le demander :

http://[user].github.io/[repo]/assets/css/common.css.

Je pourrais bien sûr mettre le nom du dépôt dans l'URL, mais cela empêcherait mon site de fonctionner en local pendant le développement.

Une idée sur la façon de traiter ce problème ?

Answer 1

Une autre option consiste à créer un nouveau dépôt spécifiquement pour les pages Web de github.io. Si vous nommez le repo comme [user].github.io sur github, il sera publié à l'adresse suivante https://[user].github.io et vous pouvez éviter d'avoir le nom du repo dans le chemin de l'URL complètement . Évidemment, l'inconvénient est que vous ne pouvez avoir qu'un seul repo de ce type par utilisateur Github, ce qui peut ne pas répondre à vos besoins, je n'en suis pas sûr.

Answer 2

La meilleure option est maintenant le relative_url filtre :

<link href="{{ '/assets/css/common.css' | relative_url }}" rel="stylesheet">