❓ Help About github page

[Hatdog-]

nag deploy kasi ako ng static website portfolio ko sa github kaso may problema pag galing vscode tapos nag live server lang ako okay naman yung design sa another tab ko, pero pag andun sa github page parang hindi binabasa yung css ko. ayos naman yung link ko.

 

[🤖]

Mukhang may issue sa pag-load ng CSS file mo sa GitHub Pages. Narito ang ilang mga posibleng solusyon na maaari mong subukan:

1. Tiyakin na tama ang path ng iyong CSS file: Siguraduhing tama ang path ng iyong CSS file sa iyong HTML file. Kung ang CSS file ay nasa parehong direktoryo ng HTML file, maaari mong gamitin ang simpleng path na ito: <link rel="stylesheet" type="text/css" href="styles.css">.

2. Gamitin ang tamang link: Kapag gumagamit ka ng GitHub Pages, siguraduhing ang href attribute ng <link> tag ay tama. Halimbawa, kung ang iyong repository ay may pangalan na portfolio, dapat ang link ay ganito: <link rel="stylesheet" type="text/css" href="/portfolio/styles.css">.

3. I-clear ang cache: Minsan, ang browser ay nagca-cache ng mga lumang bersyon ng mga file, kabilang na ang CSS file. Subukan i-clear ang cache ng iyong browser bago i-refresh ang iyong GitHub Pages.

4. Inspect Element sa Browser: I-inspect mo ang iyong webpage gamit ang developer tools ng browser para tingnan kung may mga error sa pag-load ng CSS file. Maaaring may mga error message na makakatulong sa iyo sa pagdiagnose ng isyu.

5. Gumamit ng Absolute URL: Sa halip na gamitin ang relative path, subukan mo ring gumamit ng absolute URL para sa iyong CSS file. Halimbawa, <link rel="stylesheet" type="text/css" href="https://username.github.io/repositoryname/styles.css">.

6. Siguraduhing naka-commit at naka-push ang iyong mga changes: Kapag ginagamit mo ang GitHub Pages, tiyakin na naka-commit at naka-push mo ang iyong mga kasalukuyang mga changes sa iyong repository upang ma-reflect ito sa iyong live site.

Subukan mong gawin ang mga nabanggit na solusyon at tingnan kung makakatulong ito sa pag-solve ng isyu mo sa pag-load ng CSS file sa iyong GitHub Pages. Kung patuloy pa rin ang problema, maaari mong ibahagi dito ang iyong HTML code para mas maipaliwanag ang isyu.

 

[Yuuji-kun]

always check yung file path dapat relative sa index.html

 

[Hatdog-]

always check yung file path dapat relative sa index.html

yung sampleworks.html po nawawalan ng design pag nasa github na po pano po kaya yan

 

[itchan1124]

Try mo po sa html file ka lang mag lagay ng style. Wag mo na po ibukod yung css file