How to link index.html to css file for github page

html css github directory github-pages

21,687

Solution 1

First, you should create gh-pages branch that special branch of GitHub.
You can find and create it in setting page of you project by the button Automatic page generator.
The branch will map to the doamin http://username.github.io/project/

So the path should be stylesheets/main.css not /stylesheets/main.css

Solution 2

Try removing the front '/' from /stylesheet, so that it loads up relative to the current route: stylesheet/...

Solution 3

if it not project pages.. "mean" you are Creating a repo youruser.github.io (index of username.github.io) not atuo genereate gh-pages because its use template

its simply by doing:

clone it
create & move to branch gh-pages
commit & push it

/style -> you are on root directory
style/ -> you are on currrent directory
./style --> more safe to navigate current directory

wait 5 minutes ... and cheers!

21,687

Author by

mango

Updated on July 05, 2022

Comments

mango almost 2 years
I'm hosting a github page and want to link index.html to main.css, which is in a folder called "stylesheets" also in the root directory.

my file structure:
```
index.html
stylesheets
   - main.css
```
right now I have:
```
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
```
in the <head>, but this doesn't work?