Intermédiaire · 15 minutes
Publiez votre propre étagère skybox.
GitHub Pages peuvent transformer un dépôt en un site web public simple sur github.io. Placez des panoramas compatibles là-bas, liez chaque image complète, puis ouvrez le site dans le navigateur Locus chaque fois que vous souhaitez en prévisualiser ou en enregistrer une.
Avant de commencer
- Un compte A GitHub.
- Un ou plusieurs panoramas SDR, JPEG, PNG ou HEIC.
- Chaque panorama doit être exactement 2:1 et contenir au moins 4 096 × 2 048 pixels pour une utilisation directe dans le navigateur Locus.
- Un nom de fichier clair sans espaces est le plus facile, par exemple
aurora-lake.jpg.
GitHub accepte les fichiers sur le web allant jusqu'à 25 Mo. Les fichiers plus volumineux peuvent être ajoutés avec GitHub Desktop ou Git, mais les dépôts GitHub réguliers bloquent les fichiers supérieurs à 100 Mo, et Git LFS ne fonctionne pas avec GitHub Pages. voir Les limites de fichiers actuelles de GitHub.
1 · Créer
Faire le dépôt
- Créez un nouveau dépôt sur GitHub. Un nom tel que
my-locus-skiesEst facile à reconnaître. - Choisir Public Si vous utilisez GitHub Free, alors ajoutez un README.
- Téléchargez vos fichiers panorama. utiliser Ajouter un fichier → Télécharger des fichiers. Engagez la mise à jour vers le
mainBranche.
Un site de projet utilisera une adresse comme https://YOUR-NAME.github.io/my-locus-skies/.
Si vous nommez à la place le dépôt YOUR-NAME.github.io, il devient votre site à un seul niveau de compte à https://YOUR-NAME.github.io/. GitHub explique les deux choix dans Qu'est-ce que GitHub Pages ?
2 · Ajouter une page
Lien vers les images complètes
choisir Ajouter un fichier → Créer un nouveau fichier, nommez-le index.html, et collez ce fichier de démarrage. Remplacez les noms de fichiers et les titres par les vôtres, puis validez le fichier.
<!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 · Publier
Allumer GitHub Pages
- Ouvrez les paramètres du dépôt.
- Choisissez Pages.
- Sous Construire et déploiement, publier à partir d'une branche. choisir
mainEt la racine du dépôt, puis enregistrez. - Attendez que GitHub affiche l'adresse du site. Ouvrez-le et testez chaque lien de panorama.
Les pages des sites GitHub sont publiques sur Internet. Celles de GitHub Guide de création de site et Guide de la source d'édition Afficher les contrôles actuels.
4 · Utilisation dans Locus
Aperçu ou enregistrez n'importe quel ciel compatible
- Ouvrez votre site github.io dans le navigateur Locus.
- Choisissez l'un de vos liens ouverts. Le panorama complet devrait remplir l'onglet.
- Choisir Appliquer Aperçu Pour essayer cela dans l'endroit actuel pour cette session d'application sans utiliser une importation.
- Choisissez Enregistrer comme Afficher... Pour l'ajouter définitivement aux Lieux et l'appliquer immédiatement.
Si la demande n'apparaît pas, confirmez que la page affiche uniquement l'image, que le fichier est JPEG, PNG ou HEIC, et que ses dimensions affichées sont au moins de 4 096 × 2 048 avec un rapport exact de 2:1. le Guide de visualisation en ligne a la liste de contrôle complète.
avancé
Gardez l'étagère utile
- Ajoutez une courte ligne de droits ou de crédit à côté de chaque ciel.
- Utilisez des fichiers de miniature plus petits sur la page d'index si vous souhaitez des aperçus ; conservez chaque image en pleine résolution derrière son propre lien.
- choisir Faire appliquer HTTPS Dans les paramètres Pages, Locus reçoit toujours un URL public sécurisé.
- Si vous ajoutez un domaine personnalisé, configurez-le dans GitHub avant de modifier le DNS et vérifiez le domaine afin de réduire le risque de takeover. suivre Guide du domaine personnalisé de GitHub.
- Restez à l'intérieur Limites de pages GitHub; une grande collection de panoramas publics peut nécessiter un stockage d'objets dédié à la place.