HTML to website: turn an HTML file into a site

Step by step

1. 1

   Collect your files

   Put the HTML file and everything it uses, such as images, CSS and scripts, into one folder. A single HTML file is fine too.

2. 2

   Open SiteUp

   Go to siteup.fyi or open the SiteUp Android app. No account is needed.

3. 3

   Add the file, folder or ZIP

   Choose HTML file for a single page, or Folder or ZIP for a site with several files. SiteUp finds the home page for you.

4. 4

   Pick your address

   Type a name such as my-portfolio to get my-portfolio.siteup.fyi, or leave it empty for a random name.

5. 5

   Publish

   Press Publish. Your website is live with HTTPS, and you get the link and a QR code to share.

File, link and website: what is the difference?

An HTML file on your phone or computer can only be opened by you. A website is the same file stored on a server that is always online and reachable through an address such as name.siteup.fyi. Turning HTML into a website simply means putting the file on such a server and giving it a link.

People also call this “HTML to link”, “HTML to URL” or “HTML hosting”. They all describe the same result: a page anyone can open with one tap.

Websites with more than one page

If your site has several pages, keep them in one folder and link them with relative paths:

• The home page must be index.html at the top of the folder. Other pages can be about.html or blog/index.html.
• Link pages with relative paths such as href="about.html" or href="blog/", never with C:/ or file:// addresses.
• Folders become clean addresses: blog/index.html opens at name.siteup.fyi/blog/.
• Add a 404.html page if you want your own “page not found” screen.

Single page apps and games

Pages built with React, Vue, Svelte or plain JavaScript work as long as they are built to static files. Upload the build output folder, often called dist or build. When someone opens an address that is not a file, SiteUp serves your index.html, so client side routing keeps working.

Update your website without changing the link

Found a typo? Open My sites, choose your site and press Update files. Upload the new version and the address and the QR code stay exactly the same. Only the files that changed are uploaded again, so updates are quick even on mobile data.

What works and what does not

• Works: HTML, CSS, JavaScript, images, audio, video, fonts, PDFs and 3D models, up to 50 MB and 1000 files per site.
• Does not run: server code such as PHP, Python, Node.js servers or databases.
• Not allowed: pages that ask for passwords or card details, and anything listed in the Acceptable Use Policy.

Common questions