中級 · 15分鐘
發佈你自己的天花板架子。
GitHub Pages可以將儲存庫轉換為 github.io 上一個簡單的公共網站。將兼容的全景圖放在那裡,連結到每個完整圖像,然後隨時在 Locus 瀏覽器中打開網站,以便預覽或保存其中一張。
您的網站和圖片將是公開的。 不要上傳私人房間的照片、個人資訊、位置詳情或您沒有發佈權限的圖片。
在你開始之前
- A GitHub帳戶。
- 一個或多個 SDR JPEG、PNG 或 HEIC全景圖。
- 每個全景必須是2:1的比例,並且至少4,096×2,048像素,以便直接在Locus瀏覽器中使用。
- 沒有空格的清晰檔案名是最容易的,例如
aurora-lake.jpg.
GitHub的網頁上傳器接受最多25 MiB的檔案。可以使用GitHub桌面版或Git添加更大的檔案,但普通的GitHub儲存庫會阻止超過100 MiB的檔案,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,它成為您一個帳戶級別的網站 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頁面
- 打開儲存庫的設定。
- 選擇“頁面”。
- 在“構建和部署”下,從分支發佈。 選擇
main然後保存,然後保存儲存庫根目錄。 - 等待GitHub顯示網站地址。 打開它並測試每個全景連結。
4 · 在Locus中使用
預覽或保存任何兼容的天空
- 在Locus瀏覽器中打開你的github.io網站。
- 選擇您打開的連結之一。 完整的全景應該填滿標籤欄。
- 選擇應用預覽 在當前位置嘗試此應用程序會話,無需使用匯入。
- 選擇保存為查看... 將其永久添加到空間並立即應用。
如果提示不顯示,請確認頁面僅顯示圖像,檔案是JPEG、PNG或HEIC,且其顯示尺寸至少為4,096×2,048,且精確的2:1比例。 在線查看指南 有完整的清單。
先進的
保持架子有用
- 在每個天空旁邊添加一條簡短的權利或版權線。
- 如果您想要預覽,請在索引頁面上使用較小的縮略圖檔案;每個全分辨率圖像都保留在自己的連結後面。
- 選擇 強制執行HTTPS 在頁面設定中,Locus 始終接收一個安全的公共 URL。
- 如果您添加自定義域名,請在更改DNS之前在GitHub中配置它,並驗證該域名以降低接管風險。關注 GitHub的自定義域名指南.
- 留在裡面 GitHub 頁數限制;一個大型公共全景收藏可能需要專門的物體儲存。