[英]Why is my CSS/JS not working on Github pages?
我查看了许多类似的问题并尝试了几种不同的解决方案，但我不明白我做错了什么。 检查控制台也没有帮助我。
我是新手，正在尝试使用 Github 页面，但无法让我的页面正常工作。 我在 codepen 中创建了它，它在那里看起来很好并且功能齐全。 我认为问题在于我如何将 CSS 和 JS 链接到 HTML。
我尝试多次更改我的 CSS 和 JS 链接，但无济于事。 我不知道我做错了什么。 非常感谢任何建议。
这是我的 HTML 代码：
<!DOCTYPE html>
<html lang= "en">
<head>
<meta charset= "UTF-8">
<meta name= "viewport" content="width=device-width, initial"
<title>Digital Clock:</title>
<link rel="stylesheet" type="text/css" href="/master/style.css">
</head>
<body style="background-color:#f28500;">
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<div class="clock">
<h2><strong>XENA's sundial says:</strong></h1>
<span class="clock-time"></span>
<span class="clock-ampm"></span>
</div>
<script src="/master/digitalClock.js"></script>
</body>
</html>
这是我实际回购的链接。
****************************************************** ****////
****************************************************** ****////\
更新：我删除了以上所有代码和链接。 请在下面查看我的答案，以了解在我稍微解决了这个问题时发生了什么。
以/开头的 URL 表示从根文件夹开始，因此您需要将其更改为/YOURPROJECTNAMEHERE/restofurl其中 YOURPROJECTNAMEHERE 是您的项目名称，restofurl 是 url 的 rest
我已经想通了。 出于某种原因，由于代码来自 codepen，您必须导出代码才能使用它，而不仅仅是复制/粘贴它（就像我所做的那样）。 我仍然不确定为什么我之前无法让它工作，但是，我删除了所有内容，并从一个新的 repo 和直接从 codepen 新导出的代码开始。 我没有更改任何代码。 有效。 以前我复制/粘贴它。 此外，我从 codepen 的“src”文件夹上传了文件。 我希望这对将来的某人有所帮助。
应该使用与 vscode ide 相关的 package 等工具在服务器上测试您的项目
例子：地址文件talk.ppt
./work/project/talk.ppt
为什么我的 Feed2JS RSS 提要在本地工作，但在部署后不能工作？ （GitHub页面）
[英]Why Is My Feed2JS RSS Feed Working Locally But Not After Deployed? (GitHub Pages)
在 GitHub Pages 中看到 CSS 和 JS 时出现问题，但在 VS Code 中运行良好
[英]Problems seeing CSS and JS in GitHub Pages, but working well in VS Code
我的 Github 页面站点中的 JS 代码出现问题，按钮不起作用
[英]Having trouble with JS code in my Github pages site, buttons not working
如何将 CSS 和 JS 文件链接到我的 github 页面的 HTML 文件？
[英]How do I link CSS and JS files to my HTML file for github pages?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.