中級者 · 15分
あなた自身のスカイボックスシェルフを公開してください。
GitHubページでは、リポジトリをgithub.ioのシンプルな公開ウェブサイトに変えることができます。互換性のあるパノラマをそこに配置し、各フル画像へのリンクを貼り付け、いつでもプレビューや保存したいときにLocusブラウザでサイトを開きます。
始める前に
- A GitHubアカウント。
- SDR、JPEG、PNG、またはHEICのパノラマが1つ以上あります。
- 各パノラマは正確に2:1で、Locusブラウザで直接使用するために少なくとも4,096 × 2,048ピクセルである必要があります。
- スペースのない明確なファイル名が最も簡単です、例えば
aurora-lake.jpg.
GitHubのウェブアップローダーは最大25MiBのファイルを受け入れます。より大きなファイルはGitHubデスクトップまたはGitで追加できますが、通常のGitHubリポジトリは100MiBを超えるファイルをブロックし、Git LFSはGitHub Pagesでは機能しません。参照 GitHubの現在のファイル制限.
1 · 作成する
リポジトリを作成する
- GitHubに新しいリポジトリを作成します。 のような名前
my-locus-skies簡単に認識できます。 - 公開を選択する GitHub無料を使用する場合は、READMEを追加してください。
- パノラマファイルをアップロードしてください。 使用する ファイルを追加 → ファイルをアップロードする. アップロードをにコミットする
main支店。
プロジェクトサイトは、次のような住所を使用します。 https://YOUR-NAME.github.io/my-locus-skies/.代わりにリポジトリの名前を付ける場合は YOUR-NAME.github.io、それはあなたの1つのアカウントレベルのサイトになります https://YOUR-NAME.github.io/. GitHubは、両方の選択肢を説明しています。 GitHubページとは何ですか?
2 · ページを追加する
フル画像へのリンク
選択する ファイルを追加 → 新しいファイルを作成する、名前を付けてください index.html、そしてこのスターターを貼り付けます。ファイル名とタイトルをあなた自身のものに変更し、その後、ファイルをコミットします。
<!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 · 公開する
GitHubページをオンにする
- リポジトリの設定を開きます。
- 「ページ」を選択します。
- 「ビルドとデプロイメント」の下で、ブランチから公開します。 選択する
mainそしてリポジトリルート、次に保存します。 - GitHubが表示されるまでお待ちください。 それを開いて、すべてのパノラマリンクをテストしてください。
GitHubページサイトはインターネット上で公開されています。GitHubの サイト作成ガイド そして 出版元ガイド 現在のコントロールを表示します。
4 · Locusで使用する
互換性のある空をプレビューまたは保存する
- Locusブラウザでgithub.ioのサイトを開きます。
- 開いているリンクのいずれかを選択してください。 全景がタブを埋めるべきです。
- 適用プレビューを選択してください このアプリセッションでは、インポートを使用せずに現在の場所に試してみてください。
- 保存して表示する…を選択します。 それをPlacesに永続的に追加し、すぐに適用します。
プロンプトが表示されない場合は、ページに画像のみが表示され、ファイルがJPEG、PNG、またはHEICであることを確認し、表示されるサイズが少なくとも4,096 × 2,048で、正確な2:1比であることを確認してください。 オンラインガイドを見る 完全なチェックリストがあります。
先進的
棚を使いやすく保つ
- すべての空の横に短い権利またはクレジットラインを追加してください。
- プレビューが必要な場合は、インデックスページに小さなサムネイルファイルを使用してください。各フル解像度画像は、独自のリンクの後に保持してください。
- 選択する HTTPSを強制する Pages設定で、Locusは常に安全な公開のURLを受け取ります。
- カスタムドメインを追加する場合は、DNSを変更する前にGitHubで構成し、ドメインを検証して乗っ取りリスクを軽減してください。フォロー GitHubのカスタムドメインガイド.
- 内にとどまる GitHubページ制限; 大きな公共のパノラマコレクションは代わりに専用のオブジェクトストレージが必要になるかもしれません。