How to fix Blank White display after setting up Github Pages? - github

I have made a sample frontend simple React App for displaying Movie Names Available on Internet By searching your preferred movie Name. It uses the ImDb API to get perfect results. Initially it runs on the local host and display the correct output that I want, but after uploading the File to github and connecting it to Github Pages, it just displays WHite Display.
1.I made the initial App using node "create-react-app" command.
2.Then edited and coded the files I needed changes in.
3.After testing it for local host working correctly, Ran the command "npm build run"
4.Uploaded the build Files in the Github Repo "https://github.com/AryamanAdivyaSingh47/movie-display.github.io".
5.Did the Github Pages thingy and got Website url "URL"URL
And I get the Blank Page .
Please Help

Related

Why the automated deployment from GitHub to DigitalOcean, will change the image urls in my RubyOnRails app?

I have Ruby On Rails (version 6) app deployed in DigitalOcean, I am using ActionText for the images, the images are stored in DOSpaces.
I display them in the following way in file _blob.html.erb <%= image_tag "https://bucketname.ams3.cdn.digitaloceanspaces.com/#{blob.key}", width:"75%" %>.
So the problem is every time when I push new changes to GH, and automated deployment to DO is finished, the image URLs are changing from https://bucketname.ams3.cdn.digitaloceanspaces.com/eervq9p7jvgib1xv5b3gn3yznw7h
to
https://bucketname.dev/rails/active_storage/blobs/eyJfcmFpbMHiOnsibWVzc2FnZSI6IkJBaHBJdz09IiwiZXhdIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9583e973a78dfe6588daa5af8c0d4cda5d3c1fa8/3532792.png
When I upload an image from browser it's ok, but after every time I push to GH their URLs are changing and then I got code 404 for all of them.
Do you know why this happens? How can I avoid this from happening and what do you think is the best practice in this sort of situation?
I did change the DigitalOcean(Amazon S3) bucket policy so the images can be publicly visible by default.

Images not showing up on GitHub

Im trying to publish a challenge on frontend mentor using Git Hub.
When i try to use the live url, images dont show up.
Ive tried PNG, paths and some more things i saw on the Internet but ,for now, nothing has worked.
Live Url:https://pires29.github.io/First-Project/
GitHub Page:https://github.com/Pires29/First-Project.git
(Could put the code in here)
img src="image-qr-code.PNG"
Check your path.
Your images should be on the public file and your path must looks like /<imagesFile>/image.png

Not all GitHub Pages hosted images are loaded

I've identified really weird behaviour of GitHub pages. Server loads only single size of image and makes all others 404 even though they are there and I can see them in the repo.
I have my Jekyll source in master branch: https://github.com/Seva98/sevcik.dev/tree/master
I have built _site folder in gh-pages branch: https://github.com/Seva98/sevcik.dev/tree/gh-pages
Site with issue is: http://sevcik.dev (local version has no issues)
On top of the homepage right under ONDREJ SEVCIK’S RESUME in the left column should be my profile pic. There is just not loaded image error, checking console I can see some sizes were not found but if I check file manager I see that size of 800 has been loaded (only this one not others).
For example, this can't be reached https://sevcik.dev/assets/images/resized/20/selfie.jpg but this can https://sevcik.dev/assets/images/resized/800/selfie.jpg
If you check the repo both sizes are there 800 https://github.com/Seva98/sevcik.dev/blob/gh-pages/assets/images/resized/800/selfie.jpg and 20 https://github.com/Seva98/sevcik.dev/blob/gh-pages/assets/images/resized/20/selfie.jpg
Issue happens only on homepage as for example https://sevcik.dev/portfolio has exactly the same responsive images syntax and all images works.
Any idea why GH says some of those images doesn't exist even though they are there?
Should also include other sizes like /20
It is crazy but it fixed itself overnight. Looks like GitHub just needed some time to index new images.
So if you have similar issue and you are sure images are uploaded then just wait. For me it took +2 hours.

GitHub web hosting "This binary file is changed."

I'm trying to use GitHub to host my website. First I create an repository online, next I downloaded the GitHub (desktop version), I cloned the existent repository and move my web page to the folder that I want. Next I just commit, uploaded the files and open the link https://joaocadavez.github.io/ (If you want to see what's going on). Some photos aren't loading on the web, and that same photos are getting this code on the GitHub "This binary file is changed." enter image description here. There is any thing that I can make about that??
PS: I already turn the size of the photos smaller.

Jekyll site attempting to download 'Posts' page instead of rendering it when link is clicked (deployed at Github)

Folks, help is needed and MUCH appreciated with a fuzzy behaviour of Jekyll site deployed to Github.
The site works perfectly when putting it up and using it in the local machine (through 'jekyll serve'). The surprise came up upon deployment to Github, the HTML 'posts.html' page created to show the post list does not get rendered at all. The rest of the site is up and running fine, but once the link is clicked to reach the mentioned page the browser is trying to DOWNLOAD the file, instead of rendering.
If you need to have a peek at the code:
https://github.com/zekdeluca/zekdeluca.github.io
And the site can be seen at:
http://zekdeluca.github.io/
Thanks in advance!
It has to do with the permalink and how the extension-less urls are working. If you add a trailing slash to your url it will work. If you are trying to do it without the trailing slash, I was under the impression that what you did would work on GH.
Something like permalink: /my-page/ will work and it creates a folder called my-page with an index.html file in it. The url will show as /my-page/ without the index.html - pretty except the trailing slash.
If you do permalink: /my-page it should be making a file my-page.html, but in your case it seemed to have made just my-page with no extension, which is then being served as a file by github and it doesn't seem to know what it is so it is downloading it instead of serving it.
There seems to be a lot of conflicting info on this, I think the behavior has changed recently, and maybe the version GH is using is able to output a file with no extension? I did not think that was the case.
more reading:
http://overengineer.net/pretty-extensionless-urls-in-github-pages-using-jekyll/
Jekyll extension-less permalinks with markdown