无法在 Github 页面中将 CSS 链接到 HTML答案

【问题标题】：Can't link CSS to HTML in Github Pages无法在 Github 页面中将 CSS 链接到 HTML
【发布时间】：2022-01-21 05:34:25
【问题描述】：

我是 Github 的新手，当我打开网站时，我的 html 显示没有我的 css。这是我的html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NFT-Card</title>
    <link rel="stylesheet" href="/nft.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap" rel="stylesheet">
</head>
<body>
    <div>
        <img id="mainImage" src="/NFT-Card/images/image-equilibrium.jpg" alt="">
        <h2>Equilibrium #3429</h2>
        <p id="paragraphExp">Our Equilibrium collection promotes balance and calm</p>
        <img id="ethIcon" src="/NFT-Card/images/icon-ethereum.svg" alt="">
        <p id="price">0.041ETH</p>
        <img id="clockImage" src="/NFT-Card/images/icon-clock.svg" alt="">
        <p id="clockText">3 days left</p>
        <hr>
        <img id="avatar" src="/NFT-Card/images/image-avatar.png" alt="">
        <p id="author">Creation of <b id="boldEl">Jules Wyvern</b></p>
    </div>
</body>
</html>

这是我的 Github 存储库： https://github.com/Tonka12/tonka12.github.io

【问题讨论】：

你不应该在 GH 页面上使用以斜线开头的 URL，因为这也意味着你引用了根目录上的资源。请改用相对 URL。

标签： html css github

【解决方案1】：

您可以尝试在/ 之前添加.：

<link rel="stylesheet" href="./nft.css">

【讨论】：

【解决方案2】：

css 文件和您的 html 文件在同一个文件夹中。所以href应该是：

<link rel="stylesheet" href="nft.css">

【讨论】：

还是不行