CSS 个文件未在 github 个页面上正确加载

Question

我正在制作一个具有多个主题的计算器应用程序，一切都在本地运行，但问题出现在 github 页面上。计算器的每个主题都有自己的 css 文件，我正在使用 javascript 根据所选主题更改 link 标签的 href（默认情况下选择 theme-1）：

HTML:

<link rel="stylesheet" id="themeStyleSheet" href="styles/themes/theme-1.css">

Javascript:

const themeSelector = document.querySelector('#themeSelector');
const themeStyleSheet = document.querySelector('#themeStyleSheet');
let themeValue = 1;

function lastSelectedTheme(){
    themeValue = localStorage.getItem('selectedTheme');
    if(themeValue === '1'){
        themeStyleSheet.href = 'styles/themes/theme-1.css';
        themeSelector.value = localStorage.getItem('toggleValue');
    }
    else if(themeValue === '2'){
        themeStyleSheet.href = 'styles/themes/theme-2.css';
        themeSelector.value = localStorage.getItem('toggleValue');
    }
    else if(themeValue === '3'){
        themeStyleSheet.href = 'styles/themes/theme-3.css';
        themeSelector.value = localStorage.getItem('toggleValue');
    }
}

当我使用 github 查看我的页面时，它会自动在 href 的开头添加 '/' 而没有 '/' 在导致问题的原始 javascript 代码中（如果我从开发人员控制台手动删除 '/' 然后它工作）

如何停止将 / 添加到 href？

Github 回购：https://github.com/FaDiiiLeo/calculator

Answer 1

Github 根本不应该更改您的代码。查看您的回购协议，我假设您正在使用页面的 main 分支？

我想可能发生了什么事阻止了您的提交部署。由于您的提交正是此处的更改： https://github.com/FaDiiiLeo/calculator/commit/00e6c0120da611f340657b357605e387b6453a90

我会推送另一个提交并检查它是否已修复。

CSS 个文件未在 github 个页面上正确加载

CSS files not loading correctly on github pages

html

javascript

css

github

github-pages