Intermediate · 15 minutes
Publish your own skybox shelf.
GitHub Pages can turn a repository into a simple public website at github.io. Put compatible panoramas there, link to each full image, then open the site in Locus Browser whenever you want to preview or save one.
Before you begin
- A GitHub account.
- One or more SDR JPEG, PNG, or HEIC panoramas.
- Each panorama must be exactly 2:1 and at least 4,096 × 2,048 pixels for direct use in Locus Browser.
- A clear filename with no spaces is easiest, such as
aurora-lake.jpg.
GitHub's web uploader accepts files up to 25 MiB. Larger files can be added with GitHub Desktop or Git, but regular GitHub repositories block files above 100 MiB, and Git LFS does not work with GitHub Pages. See GitHub's current file limits.
1 · Create
Make the repository
- Create a new repository on GitHub. A name such as
my-locus-skiesis easy to recognize. - Choose Public if you use GitHub Free, then add a README.
- Upload your panorama files. Use Add file → Upload files. Commit the upload to the
mainbranch.
A project site will use an address like https://YOUR-NAME.github.io/my-locus-skies/. If you instead name the repository YOUR-NAME.github.io, it becomes your one account-level site at https://YOUR-NAME.github.io/. GitHub explains both choices in What is GitHub Pages?
2 · Add a page
Link to the full images
Choose Add file → Create new file, name it index.html, and paste this starter. Replace the filenames and titles with your own, then commit the file.
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Locus Skies</title>
<style>
body { max-width: 44rem; margin: 4rem auto; padding: 0 1rem;
font: 18px/1.6 system-ui; color: #eef6f8; background: #0d141a; }
a { display: block; margin: 1rem 0; padding: 1rem;
color: #b8dcea; border: 1px solid #33434c; border-radius: 12px; }
</style>
<h1>My Locus Skies</h1>
<p>Open a full image in Locus Browser to preview or save it as a View.</p>
<a href="aurora-lake.jpg">Open Aurora Lake</a>
<a href="desert-sunrise.jpg">Open Desert Sunrise</a>
</html>3 · Publish
Turn on GitHub Pages
- Open the repository's Settings.
- Choose Pages.
- Under Build and deployment, publish from a branch. Choose
mainand the repository root, then save. - Wait for GitHub to show the site address. Open it and test every panorama link.
GitHub Pages sites are public on the internet. GitHub's site creation guide and publishing-source guide show the current controls.
4 · Use in Locus
Preview or save any compatible sky
- Open your github.io site in Locus Browser.
- Choose one of your Open links. The full panorama should fill the tab.
- Choose Apply Preview to try it in the current Place for this app session without using an import.
- Choose Save as View… to add it permanently to Places and apply it immediately.
If the prompt does not appear, confirm that the page shows only the image, the file is JPEG, PNG, or HEIC, and its displayed dimensions are at least 4,096 × 2,048 with an exact 2:1 ratio. The online View guide has the complete checklist.
Advanced
Keep the shelf useful
- Add a short rights or credit line beside every sky.
- Use smaller thumbnail files on the index page if you want previews; keep each full-resolution image behind its own link.
- Choose Enforce HTTPS in Pages settings so Locus always receives a secure public URL.
- If you add a custom domain, configure it in GitHub before changing DNS and verify the domain to reduce takeover risk. Follow GitHub's custom-domain guide.
- Stay within GitHub Pages limits; a large public panorama collection may need dedicated object storage instead.