您的網站和圖片將是公開的。 不要上傳私人房間的照片、個人資訊、位置詳情或您沒有發佈權限的圖片。

在你開始之前

GitHub的網頁上傳器接受最多25 MiB的檔案。可以使用GitHub桌面版或Git添加更大的檔案,但普通的GitHub儲存庫會阻止超過100 MiB的檔案,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,它成為您一個帳戶級別的網站 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僅在完整的全景圖填滿瀏覽器標籤頁時才提供查看操作的功能。網頁內嵌入的圖像不足。

3 · 發佈

打開GitHub頁面

  1. 打開儲存庫的設定。
  2. 選擇“頁面”。
  3. 在“構建和部署”下,從分支發佈。 選擇 main 然後保存,然後保存儲存庫根目錄。
  4. 等待GitHub顯示網站地址。 打開它並測試每個全景連結。

GitHub頁面的網站在互聯網上是公開的。GitHub的 網站建立指南 和 出版來源指南 顯示當前的控制。

4 · 在Locus中使用

預覽或保存任何兼容的天空

  1. 在Locus瀏覽器中打開你的github.io網站。
  2. 選擇您打開的連結之一。 完整的全景應該填滿標籤欄。
  3. 選擇應用預覽 在當前位置嘗試此應用程序會話,無需使用匯入。
  4. 選擇保存為查看... 將其永久添加到空間並立即應用。

如果提示不顯示,請確認頁面僅顯示圖像,檔案是JPEG、PNG或HEIC,且其顯示尺寸至少為4,096×2,048,且精確的2:1比例。 在線查看指南 有完整的清單。

先進的

保持架子有用