您的网站和图片将是公开的。 不要上传私人房间的照片、个人信息、位置详情或您没有发布权限的图片。

在你开始之前

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比例。 在线查看指南 有完整的清单。

先进的

保持架子有用