中级 · 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 页数限制;一个大型公共全景收藏可能需要专门的物体存储。