title: Properly publishing/deploying a blazor project to github pages
body: <p>I'll start this by saying I'm definitely working a bit above my paygrade here. I'll be doing my best to describe this problem and make it easiest to answer.</p>
  
  <p>I've made a Blazor project in Visual Studio and this is connected to the GitHub repository <a href="https://github.com/willthamic/ChargeLearning" rel="noreferrer">here</a> in the gh-pages branch. After reading Blazor's hosting and deploying guide <a href="https://blazor.net/docs/host-and-deploy/index.html" rel="noreferrer">here</a>, I published the project in Visual Studio and copied the files in the <code>/bin/Release/netstandard2.0/publish/ChargeLearning/dist</code> folder to the root of the repository resulting in a repository with this file structure:</p>
  
  <pre><code>ChargeLearning
      ChargeLearning
      _content
      _framework
      css
      sample-data
      ChargeLearning.sln
      index.html
  </code></pre>
  
  <p>At this point I think am already neck-deep in bad practice.</p>
  
  <p>Regardless, attempting to load the <a href="http://willhamic.com/ChargeLearning/" rel="noreferrer">index.html</a> results in 404 errors in the console for most of the files in the html header like bootstrap (as the blazor deploying guide warned).</p>
  
  <p>So I followed the instructions there as best as I could, attempting to implement <a href="http://spa-github-pages.rafrex.com/" rel="noreferrer">this</a> single page app (SPA) fix for gh-pages linked in the guide.</p>
  
  <p>I added the 404.html file to the ChargeLearning repository now when I load the page it displays just one 404 error, for the <code>blazor.webassembly.js</code> file. </p>
  
  <p>I then add the redirect script from the SPA fix to my <code>willthamic.github.io</code> <a href="https://github.com/willthamic/willthamic.github.io" rel="noreferrer">repository</a> which when I open the <a href="http://willhamic.com/ChargeLearning/_framework/blazor.webassembly.js" rel="noreferrer">direct url</a> to the <code>blazor.webassembly.js</code> file seems to redirect properly but github shows my home page and I now realize that it has been severely mangled and now images aren't loading.</p>
  
  <p>I feel like I am doing a lot of things wrong here which makes it difficult to isolate and solve a single problem at once. </p>
  
  <p>If you have specific advice on how to properly deploy this or even small things on how to do what I'm trying to do a little more properly I would greatly appreciate it.</p>
  
  <p>Thanks in advance.</p>