Locus

Interessant · 15 Minuten

Veröffentlichen Sie Ihre eigene Skybox-Regal.

GitHub Seiten können ein Repository in eine einfache öffentliche Website unter github.io verwandeln. Stellen Sie dort kompatible Panoramen auf, verlinken Sie auf jedes vollständige Bild und öffnen Sie dann die Website im Locus-Browser, wann immer Sie eine ansehen oder speichern möchten.

Ihre Website und Bilder werden öffentlich sein. Laden Sie keine Fotos von privaten Räumen, persönlichen Informationen, Standortdetails oder ein Bild hoch, das Sie nicht veröffentlichen dürfen.

Bevor Sie beginnen

Der Web-Uploader von GitHub akzeptiert Dateien bis zu 25 MiB. Größere Dateien können mit GitHub Desktop oder Git hinzugefügt werden, aber reguläre GitHub-Repositories blockieren Dateien über 100 MiB, und Git LFS funktioniert nicht mit GitHub Pages. Siehe Aktuelle Dateigrenzen von GitHub.

1 · Erstellen

Erstellen Sie das Repository

  1. Erstellen Sie ein neues Repository auf GitHub. Ein Name wie my-locus-skies Ist leicht zu erkennen.
  2. Öffentlich wählen Wenn Sie GitHub Free verwenden, fügen Sie ein README hinzu.
  3. Laden Sie Ihre Panorama-Dateien hoch. Verwenden Sie Datei hinzufügen → Dateien hochladen. Führen Sie die Hochladen auf die main Zweig.

Ein Projektstandort wird eine Adresse wie verwenden https://YOUR-NAME.github.io/my-locus-skies/. Wenn Sie das Repository stattdessen benennen YOUR-NAME.github.io, es wird Ihre eine Konto-Ebene-Website bei https://YOUR-NAME.github.io/. GitHub erklärt beide Optionen in Was ist GitHub Seiten?

2 · Eine Seite hinzufügen

Link zu den vollständigen Bildern

Wählen Sie Datei hinzufügen → Neue Datei erstellen, nenne es index.html, und fügen Sie diesen Starter ein. Ersetzen Sie die Dateinamen und Titel durch Ihre eigenen, und commitieren Sie dann die Datei.

<!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>
Der Link muss das Bild selbst öffnen. Locus bietet die Ansicht von Aktionen nur, wenn das vollständige Panorama seinen eigenen Browser-Tab füllt. Ein in der Webseite eingebettetes Bild reicht nicht aus.

3 · Veröffentlichen

GitHub Seiten aktivieren

  1. Öffne die Einstellungen des Repositories.
  2. Wähle Seiten aus.
  3. Unter Build und Bereitstellung von einer Zweigstelle veröffentlichen. Wählen Sie main und den Repository-Wurzelpfad, dann speichern.
  4. Warten Sie, bis GitHub die Website-Adresse anzeigt. Öffnen Sie es und testen Sie jeden Panorama-Link.

GitHub-Seiten sind im Internet öffentlich. Die Seiten von GitHub Website-Erstellungsleitfaden Und Publikationsquelle-Guide Zeigen Sie die aktuellen Steuerelemente an.

4 · Verwendung in Locus

Vorschau oder Speichern eines kompatiblen Himmels

  1. Öffnen Sie Ihre github.io-Website im Locus-Browser.
  2. Wählen Sie einen Ihrer offenen Links aus. Das vollständige Panorama sollte das Tabularfeld füllen.
  3. Wählen Sie Anwenden Vorschau Um es in dem aktuellen Ort für diese App-Sitzung zu versuchen, ohne einen Import zu verwenden.
  4. Wählen Sie Speichern als anzeigen... um es dauerhaft zu Places hinzuzufügen und es sofort anzuwenden.

Wenn die Aufforderung nicht erscheint, bestätigen Sie, dass die Seite nur das Bild anzeigt, die Datei JPEG, PNG oder HEIC ist und ihre angezeigten Abmessungen mindestens 4.096 × 2.048 mit einem exakten 2:1-Verhältnis betragen. Die Online-Anleitung anzeigen Hat die vollständige Checkliste.

Fortgeschritten

Halten Sie die Vitrine nützlich