あなたのサイトと画像は公開されます。 プライベートルームの写真をアップロードしたり、個人情報、場所の詳細、または公開する許可がない画像をアップロードしないでください。

始める前に

GitHubのウェブアップローダーは最大25MiBのファイルを受け入れます。より大きなファイルはGitHubデスクトップまたはGitで追加できますが、通常のGitHubリポジトリは100MiBを超えるファイルをブロックし、Git LFSはGitHub Pagesでは機能しません。参照 GitHubの現在のファイル制限.

1 · 作成する

リポジトリを作成する

  1. GitHubに新しいリポジトリを作成します。 のような名前 my-locus-skies 簡単に認識できます。
  2. 公開を選択する GitHub無料を使用する場合は、READMEを追加してください。
  3. パノラマファイルをアップロードしてください。 使用する ファイルを追加 → ファイルをアップロードする. アップロードをにコミットする 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>
リンクは画像自体を開く必要があります。 Locusでは、完全なパノラマがブラウザタブに収まる場合にのみアクションを表示します。Webページ内に埋め込まれた画像だけでは不十分です。

3 · 公開する

GitHubページをオンにする

  1. リポジトリの設定を開きます。
  2. 「ページ」を選択します。
  3. 「ビルドとデプロイメント」の下で、ブランチから公開します。 選択する main そしてリポジトリルート、次に保存します。
  4. GitHubが表示されるまでお待ちください。 それを開いて、すべてのパノラマリンクをテストしてください。

GitHubページサイトはインターネット上で公開されています。GitHubの サイト作成ガイド そして 出版元ガイド 現在のコントロールを表示します。

4 · Locusで使用する

互換性のある空をプレビューまたは保存する

  1. Locusブラウザでgithub.ioのサイトを開きます。
  2. 開いているリンクのいずれかを選択してください。 全景がタブを埋めるべきです。
  3. 適用プレビューを選択してください このアプリセッションでは、インポートを使用せずに現在の場所に試してみてください。
  4. 保存して表示する…を選択します。 それをPlacesに永続的に追加し、すぐに適用します。

プロンプトが表示されない場合は、ページに画像のみが表示され、ファイルがJPEG、PNG、またはHEICであることを確認し、表示されるサイズが少なくとも4,096 × 2,048で、正確な2:1比であることを確認してください。 オンラインガイドを見る 完全なチェックリストがあります。

先進的

棚を使いやすく保つ