"Page Not Found" upon deploying site to Netlify via Github repo

Question

I'm a complete beginner to web development and am trying to deploy my first site via Netlify. Despite my site working fine when being displayed from my local machine, I'm given the following error when navigating to my site's URL:

Page Not Found
Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

Back to our site

Since my page is functional on my local machine, I believe the error lies within my Github repo and/or my deploy settings. Here's my repo:

https://github.com/Cotton0419/TestSite

And my deploy settings:

Repository: github.com/Cotton0419/TestSite
Base directory: acme
Build command: Not set
Publish directory: acme/disp
Deploy log visibility: Logs are public

Any help would be greatly appreciated, I can supplement more information if need be.

Answer 1

For this kind of error please kindly check the HTML filename change it into index.html it worked for me!

Answer 2

Similar problem I encountered today. I decided to upload an old portfolio I had made a while back. Then for some reason after running the URL on Netlify, nothing happened. The only thing that showed up was a prompt similar to yours -

Page Not Found

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

Back to our site

After revisiting the HTML and CSS files, I realized that I had set the title for my HTML file to porfolio.html instead of index.html which solved my problem!

Answer 3

The Base directory on Netlify is only used by the build environment for a reference to your code base (defaults to root of the repository if not given).

The Publish directory would be relative to the base directory. So in your case disp or acme/disp if using the default.

You are referencing assets in a location that does not exist in your published paths, so they would not exist in your deploy to the CDN.

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

You should move your assets into your deploy disp folder and edit the correct paths into your code files.