hosting gh-pages on custom domain, white empty page

github custom domain ip
domain does not resolve to the github pages server.
github pages custom domain 404
gh-pages branch
domain com github pages
github pages blank
domain's dns record could not be retrieved.
failed to load resource: the server responded with a status of 404 github pages

im new to coding and need some help. I made a react project (using create-react-app), and the website has been running on my gh-pages branch

(heres my repo: https://github.com/simchaleh/shivisihashem.git)

ive been trying to host the gh-pages project on a custom domain instead. my react project looks great when its hosted on gh-pages, but when i try to connect it to my custom domain, all i get is a solid white screen.

heres a screen pic of my dns settings on custom domain. (u can also see that gh-pages says its hosting on my domain): dns settings and gh-pages/settings page

I have a CNAME file in gh-pages branch, with one line, where i put: shivisihashem.com

does anyone have any ideas why im just getting a blank white screen on my custom domain?

thanks!

i just got an answer from github staff. it solved my issue. heres the answer if anyone else has this same issue:

The file you need to edit is here:

https://github.com/simchaleh/shivisihashem/blob/gh-pages/index.html

Currently, these two sections have errors:

<script type="text/javascript"
> src="/ShivisiHashem/static/js/main.7cdb5ccf.js"></script>
> 
> <link href="/ShivisiHashem/static/css/main.ff643f95.css"
> rel="stylesheet">

You should be able to resolve the issue by replacing them with these:

<script type="text/javascript"
> src="/static/js/main.7cdb5ccf.js"></script>
> 
> <link href="/static/css/main.ff643f95.css" rel="stylesheet">

I hope that helps! Let us know if you have any other issues.

After adding custom domain there are now 404 errors. Using Google , Custom domain name is bought from Google and I am using a project page repo is required if you want to use a subdomain for hosting your GitHub Pages site, It still seems to be showing the same errors (and a white blank page) but I'll� ive been trying to host the gh-pages project on a custom domain instead. my react project looks great when its hosted on gh-pages, but when i try to connect it to my custom domain, all i get is a solid white screen. heres a screen pic of my dns settings on custom domain.

Had this same problem. I believe this issue is caused when you use the PUBLIC_URL environment variable, like so:

%PUBLIC_URL%/main.css

which works for the github.io site but causes path problems in the custom domain, which adds the variable in front of the path like in Simcha's example. So, we need to manually remove every instance of the this variable (process.env.PUBLIC_URL) each time we build for gh-pages.

Troubleshooting custom domains and GitHub Pages, You can customize the domain name of your GitHub Pages site. with GitHub Pro, GitHub Team, GitHub Enterprise Cloud, and GitHub Enterprise Server. Recently I decided to host my personal portfolio site using GitHub pages. Even though they have very detailed instruction on how to setup a custom domain, I found it cumbersome to get to the right…

Simcha's solution worked for me temporarily. Every time I was deploying to Github pages, the index.html file was automatically reverted back to "/theNameOfMyApp/static/.... So I managed to get rid of this problem, by removing the "/theNameOfMyApp" part from the homepage: ... in package.json. So in package.json there I have: "homepage": "http://themitsoss.github.io".

Configuring a custom domain for your GitHub Pages site, To create a Project Pages site, choose a method from the Project Pages As mentioned in the GitHub Pages documentation, you can host a user/organization page in --hard git commit --allow-empty -m "Initializing gh-pages branch" git If you'd like to use a custom domain for your GitHub Pages site,� You can now initialize your gh-pages branch as an empty orphan branch: git checkout --orphan gh-pages git reset --hard git commit --allow-empty -m "Initializing gh-pages branch" git push upstream gh-pages git checkout master Build and Deployment . Now check out the gh-pages branch into your public folder using git’s worktree feature

Host on GitHub, Some tutorials will explain the GitHub Pages part in detail, but will make The trick to deploying a stand-alone, hugo-generated site that will be hosted on a custom domain is that Create two new, empty repositories on GitHub: Converting Black & White Images to Arbitrary Two Tone Colours with the� GitHub Pages are public web pages for users, organizations, and repositories, that are freely hosted on GitHub’s github.io domain or on a custom domain name of your choice. GitHub Pages are powered by Jekyll behind the scenes, so they’re a great way to host your Jekyll-powered website for free.

Deploying a Stand-Alone Hugo Site to GitHub Pages Mapped to a , GitHub Pages is designed to host sites that only serve static HTML. echo "www. ju.je" > CNAME git add -A git commit -m “Added CNAME file. deploy your site, you can use our API to clear the cache programmatically. Getting Started; Pricing � Case Studies � White Papers � Webinars � Learning Center. A friend contacted me recently, he hosts some of his websites on Github and points his domain name to hosted projects on gh-pages. He just built an app using react and was having a hard time…

Secure and fast GitHub Pages with CloudFlare, the correct components. GitHub has this feature called GitHub Pages that… So you want to host your Single Page React App on GitHub Pages? PUBLIC_URL) and navigate to the correct GitHub Pages URL you'll see “/ yourreponame” in the console. A clue! Create custom info HUDs in SwiftUI. Before this option was avialable you could just use a gh-pages branch to trigger GitHub Pages to render. Anyone who creates a branch locally with the same name and pushes it up should get a Pages site automatically. Best thing to do is to branch gh-pages to a name other than this and then turn it off and delete the old branch.

Comments
  • I was able to automate this by removing the "/repo_name" from the end of the homepage: ... property in my package.json
  • It redirects to 404 for me. The only solution working for me is to remove the repo name from index.html