Hello I am trying to learn react right now and I tried to deploy my first web site to the github servers. The problem is that when I deployed it and I access the link the page goes blank and the js/css files can t seem do deploy as well since they get a 404 .
My code:https://github.com/ksXV/monsters
The website:https://ksxv.github.io/monsters/
I tried looking for a solution but nothing seems to work.
Related
when I go to my website directory it shows all my files and not to my landing page, is there a way to fix this? I have tried everything even looked through the internet without any clear response. I am close to finishing my website I only need to resolve this problem.
Thank you!
The issue seems to be that you are not on the HTML file, but on the folder.
To fix this issue, you have to redirect yourself to the HTML landing page.
/ar/home.html
This should show your HTML landing page correctly rendered.
Tip: Normally, the main page is called index.html by convention. This can be helpful. For example, the Live Server extension on Visual Studio Code will automatically go to index.html if the file isn't specified. Other hosting services, like GitHub Pages, also do the same.
None of the extensions, IDEs and hosting services listed above are sponsored! They are just used for the sole purpose of examples.
In conclusion, you need to go to the HTML file, instead of the folder.
I am currently working on a site which is built in using a Custom Designed CMS (there are files with .asp extension). This site is really old and seems like running on IIS Server, which I don't have the access. User asked me to add few items. I made changes to index.html file and uploaded to the server, however, the changes don't seem to take in affect.
So my question to Pros, is, do i have to restart the IIS instance? I tried to change the index.html existing content such as Search Bar's placeholder text from Search to search, uploaded the page and nothing happened. Also added new p tags and no luck.
I have never dealt with IIS site. Any suggestions? One thing for sure I can see is that the Home Page in Custom backend is pointing to the index.html file (which I am altering).
Not at all. I does require a reload/refresh at the client-side though.
-Tango
I seem to be running into a problem. I am wanting to upload my website to github but see that one needs to have the main page as index.html. This is an issue as i have created an empty ASP.NET MVC application with views and controllers that have the .cshtml tag.
How can I create an index.html as the main page and then call my other main page which will be a view, this way all I am doing is getting github to look at index.html and then my main page will be displayed? by index.html calling it.
I have tried to use the following as I saw them mentioned in a few other posts but can not seem to get it to work, I know that it did change my URL but still displayed index.html
routes.IgnoreRoute("");
Here is a picture of my project folder layout
Thanks for the the future reply's! Sorry if this post is a bit messy it is my first time posting here. TO add i am trying to host on gitHub through username.github.io
As far as I know Github does not support ASP.NET, but you can use a free Azure account. Take a look at:
http://www.asp.net/hosting
find answer by S.Spieker
kindly have a look on Deploying from ASP.Net MVC to GitHub Pages using AppVeyor if you want to do via AppVeyor
Is there an application that can edit and render and web page side-by-side similar to http://rendera.herokuapp.com/ , but can working "offline" (i.e. can be working even without internet connection).
I tried googling for WYSIWYG HTML editor, but I couldn't come with something similar to http://rendera.herokuapp.com/
I found Brackets (http://brackets.io/) somewhat similar to I'm looking for. I managed to find the similar question (different keywords) in StackOverflow (Is there an HTML/CSS/JS editor that immediately shows changes?), so somebody can mark this as duplicate
On windows just point your built-in IIS server to your working directory
When you edit your html , just refresh the web page
Use Python to serve up your web page from the directory your working in
python -m SimpleHTTPServer
When you edit your html, just refresh the web page
If using angularjs you can use
ng serve
This will load your website normally on localhost:4200 , any change to your code will force a reload of your website
Simply have your browser on one side and your editor on the other.
Recently I've been tasked with redesigning a website for the current company I'm working at. I've been using weebly to make the site, and then exporting the HTML to be re-hosted on the company's servers.
However, I've noticed that some functionality in weebly's code has stopped working. I imagine this might be due to weebly hosting some elements on their own servers, but this is merely a beginners best guess.
1. The picture for the logo on the banner does not appear once the HTML is rehosted
For comparison, here's the site while hosted on weebly:
http://mjmacoustique.weebly.com/
and the site on the company's servers:
http://www.mjm.qc.ca/redesign2015/
When weebly hosts, the ''MJM'' image should be on the top left and function as a return to home page button when clicked. However, when it's hosted on the company's server, the image is not found.
2. On Firefox, the background image of the home page is replaced with an all black background
When opened in firefox, it fails to load the background image of the main page.
Any help or solutions to these problems would be greatly appreciated.
Thanks.
I can help with question #1: the logo is hosted on weebly's servers, but in the html it's written in a shortcut method like this example: /uploads/2/6/8/5/26851316/1434298489.png"
the easy workaround would be to keep the weebly version of the site working, in in the html change the src value of the missing images to something like this http://mjmacoustique.weebly.com/uploads/2/6/8/5/26851316/1434298489.png
So you haveto add the http://YOURSITE.weebly.com before all the src values of your images.
otherwise, just load all the images you need on a blank page of the site on your servers, copy image urls of those and replace the urls in the html with that.
Hope that helps?
The firefox issue might also be solved if all your src values are linked correctly but I cannot be sure about that.
When I tried exporting a site from weebly, some assets were missing from the zip it produced. This resulted in some images failing to appear because they simply weren't there. I don't know how often this happens (or if it happens only for some sites), but weebly's export feature definitely seems to have bugs.
I worked around this by using wget to recursively fetch the content that weebly was hosting. Then I hand-copied the missing assets (and only the missing assets) from the directory structure saved by wget and merged them into the directory structure from weebly's export zip. This is time-consuming, but necessary since the directory structure fetched by wget includes dynamically-generated content (meta data for weebly's editor, assets with decorated names, etc) that you probably don't want in the content you host elsewhere.