部署后无法 link CSS 访问网站

Unable to link CSS to website after Deployment

我在网上买了一个模板,编辑了一些HTML。我使用 x10Hosting 免费服务器和域名。网站已部署;

http://www.wizerwish.x10host.com

但是,无论我在index.html文件中写什么路径,CSS都不会被识别或执行。

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Unishop | Universal E-Commerce Template
    </title>
    <!-- SEO Meta Tags-->
    <meta name="description" content="Unishop - Universal E-Commerce Template">
    <meta name="keywords" content="shop, e-commerce, modern, flat style, responsive, online store, business, mobile, blog, bootstrap 4, html5, css3, jquery, js, gallery, slider, touch, creative, clean">
    <meta name="author" content="Rokaux">
    <!-- Mobile Specific Meta Tag-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- Favicon and Apple Icons-->
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="apple-touch-icon" href="touch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">
    <!-- Vendor Styles including: Bootstrap, Font Icons, Plugins, etc.-->
    <link rel="stylesheet" media="screen" href="css/vendor.min.css">




              <!-- THIS IS WHERE THE CSS FILES ARE -->






  <link id="mainStyles" rel="stylesheet" media="screen" 
            href="css/styles.min.css">
            <link id="mainStyles" rel="stylesheet" media="screen" 
            href="css/styles.css">
            <!-- Modernizr-->
            <script src="js/modernizr.min.js"></script>
          </head>

也就是html。 CSS文件夹路径如下,从桌面开始;

template-1/dist/css/ 注意:template-1 文件夹在桌面上。

我什至将 CSS 文件复制并粘贴到 html 和其他文件所在的同一文件夹 (dist) 中。但是还是不行。

我访问了您的 css 文件并通过删除 css & js 路径使其正常工作。所有文件都在同一路径中。所以不需要路径扩展。