I am new to github and webpage dev in general. I built a simple webpage (with html, css, and js) that I'm trying to publish in github.io
The website works when I open the index.html file from my local desktop. But when I push the exact folder / files to my github repository the Github Pages link produces a weird webpage.
Here is the link to my repository: link
Here is the link to my github IO webpage: https://pinzhi000.github.io/FSA_guessingGame/
What am I doing wrong?
Your index.html is in guessing-game-master folder.
Use this link https://pinzhi000.github.io/FSA_guessingGame/guessing-game-master/
Related
I am new to JavaScript. I have created a React project. When a user click on "about button" it should show 'about.html' ( which was present in root folder ) to user. This was working fine in local development. But when i deployed this project in vercel. It was showing index.html file. This is my project structure. Any solution for this problem will be highly appreciated.
Move the about.html file to the public folder. And update your Link element's href with /about.html
I have a React App that I'm trying to publish using github pages but the page is blank. I've renamed the repository to my username.github.io, I'm on the master branch and the index.html file is in the root directory. The only answers I've found for this were for Apps built with Jekyll or create-react-app.
link to the repository- https://github.com/davez01d/davez01d.github.io
link to the page- https://davez01d.github.io/
I'm trying to add a vuejs project built using webpack in gituhub pages. I have created a repository.
renamed dist folder as a doc folder.
changed the settings-> github pages-> source to master-branch docs folder
this is the docs folder
Everything has done properly, the project is working fine when I'm running it in dev server. but when I pushed in github pages it is not working at all.
When I opened the link of the repository page i'm getting a blank window. I checked in the browser console.
I'm getting this error in browser:
.
Please find a solution for this please. More vue projects are there to upload and i'm unable to upload one at least.
I have Ubuntu 15.04 and i am working on a project using bootstrap i have kept the files in "/var/www/html", none of my files are able to access the javascript files when the page is rendered from Localhost. But I have tried to render same file from a desktop or home the Javascript files work fine.
You Should open the .html files using from a server like if you are using apache you can use localhost/yourfilepath.html. Otherwise External JS files will not open.
So I made a Typescript project with Visual Studio. It works fine when I launch it with Visual Studio, but if I try to push it to my GitHub Pages site, it will put the index.html in a subfolder and I get a 404 error when I try to load my website. Even if I try to reference the index.html in the website url it doesn't really work.
I was wondering if it's possible to only publish the needed items. I think I would only need the subfolder. Correct me if I am wrong though.
Note: I have the GitHub extension for Visual Studio installed.
UPDATE:
Since some of the links don't seem to work anymore I think I should give some extra information. So basically you need to have a branch named gh-pages. On that branch you need to have an index.html file in your root folder. Then the index.html file should be visible on the github page URL.
You need to push a branch named gh-pages in order to view it as a website.
Create a new branch and then move the file into the root folder of the branch, upload it to the gh-pages and you set to go.
Check this out:
https://github.com/nirgeier/JimVliet.github.io/tree/gh-pages
This is how your file should be inside your root folder.