Go to Index
返回首页
Pano2VR 7.1 文档 / 在社交网络中发布

在社交网络中发布项目

社交网络对共享带有图像的链接有要求。了解如何最好地准备您的项目，以便在 Facebook 和 X（以前称为 Twitter）上发布。

共享单个全景图

使用快速共享按钮将当前节点作为图像帖子快速共享到 Facebook。“共享”按钮为图像注入必要的元数据，让 Facebook 知道它是 360º 全景图像。它将使用默认视图，如果应用了限制，图像将相应地裁剪。

在 Facebook 上以带有图像的链接形式分享导览

Pano2VR 添加了在 Facebook 上发布所需的所有元数据和外部文件。目前，不会添加 X 的元数据，但您可以将其添加到 HTML 模板中 。

  1. 在项目用户数据中添加标题

  2. 添加 Web 输出。

  3. 在 “HTML”选项卡中，将“ 窗口大小 ”更改为 1200 x 630（对于 Facebook）或 1200 x 675（对于 X）。这将是用于缩略图的预览图像的大小。它还将使用当前的默认视图。如果您想使用自定义缩略图， 请参阅下文 。

  4. 选择 normal.ggt HTML 模板。

  5. 单击“确定”。

  6. 输出项目。

如果您想在帖子的预览中包含项目描述：

  1. 复制 normal.ggt HTML 模板。从 Pano2VR 的设置 > 文件中找到模板。右键单击 HTML 模板目录的文件路径，然后选择在资源管理器/Finder 中打开 。

  2. 在文本编辑器（记事本、Visual Studio Code）中打开模板。

  3. 在标题内容的 <title> 标记下添加以下行。这是假设项目用户数据的描述字段中有内容。

     <meta property="og:description" content="<?ggs document.write(document.encode(document.removeTags(document.expandVariables('$(upd)')))); ?>">

创建自定义缩略图

这是当您添加指向时间线的链接时将看到的图像。Pano2VR 默认将创建预览图像，但如果您想要不同的投影或角度，请执行以下作：

  1. 添加 Transformation 输出。

  2. 为类型选择等距柱状投影 （或任何其他投影）。

  3. 定义图像大小 。Facebook 的合适尺寸是 1200 x 630。Twitter 的合适尺寸是 1200 x 675。

  4. 选择 JPG 作为格式。（如果您担心文件大小，可以将图像质量更改为 80。

  5. 将文件命名为 preview.jpg。在 “输出” 部分中，右键单击输出文件，然后选择 “编辑”。

  6. 自选制作输出模板以供以后再次使用。从模板菜单中选择另存为新模板 。

  7. 输出图像。

  8. 在 Web 输出的输出文件夹中，将预览图像替换为您刚刚在此处制作的图像。

发布

  1. 将输出文件夹上传到您的服务器，或上传到 Gnome Cloud。

  2. 将项目链接发布到您的时间轴上。先私下发布，然后通过选择“只有我”来测试它。您还可以使用 Facebook 的调试器测试预览图像是否正确显示。

★ 提示  如果图像未显示，您可能需要为 og：image 标记包含图像的整个文件路径。 http://your-website.com/a-directory/preview.jpg

在 X 上分享

  1. 按照上述步骤输出 Web 输出。

  2. 打开 HTML 文件 （index.html ） 并添加以下元数据。您可以在以下行中添加此内容

    <meta property="og:image" content="http://your-website.com/a-directory/preview.jpg">
    <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@YourTwitterHandle" /> <meta name="twitter:image" content="http://your-website.com/a-directory/preview.jpg"/> <meta name="twitter:url" content="http://your-website.com/a-directory/index.html" /> <meta name="twitter:title" content="The Title" /> <meta name="twitter:description" content="The Description." />

添加共享按钮

共享按钮包含在所有内置皮肤中。您可以自由地将这些按钮复制到您的皮肤中。或者从头开始构建：

  1. 将分享图标添加到您的皮肤。

  2. 添加“转到 URL”动作并添加以下代码

    脸书 ：

    javascript:window.open('https://www.facebook.com/sharer/sharer.php?u=' + location.href);

    十 ：

    javascript:window.open('http://twitter.com/share?url=' + location.href);

  3. 保存皮肤。

  4. 将新皮肤添加到项目中。

  5. 输出。

提示和注意事项

  • 此工作流程将在新选项卡中打开全景图。
  • 重命名 HTML 文件以避免覆盖以前的版本。默认文件名为 index.html。您可以在 Web 输出设置的 HTML 窗格中更改此设置。右键单击路径，选择“ 编辑”。
  • 在 Facebook 上发帖时，首先通过私下发布来测试帖子。选择， 只有我。
  • 如果链接在 Facebook 上不起作用，请尝试使用 Facebook 的调试工具 。这将为您提供有关模板中可能缺少的内容的信息。它还将重置缓存。
  • 将所有内容保存到同一目录并保持命名约定相同。
  • Facebook 和 X 将调整较大图像的大小以适应其时间线。

另请参阅...

最后修改时间：2023 年 12 月 11 日