如何使静态网站的内容可共享

Posted 2023-03-07

【中文标题】如何使静态网站的内容可共享

【英文标题】：How to make content shareable from a static website

【发布时间】：2014-03-02 16:53:38

【问题描述】：

主要问题：

假设我有一个纯 html、CSS 和 JS 的静态网站，在该网站上我有一个充满图像的画廊类型页面。

要使这些图像单独与主要社交媒体网站共享，最好的方法是什么？

我对查看代码并不太感兴趣，对如何设计系统更感兴趣。

补充细节和问题：

我目前正在学习创建动态网站，作为我网络开发教育的下一步。动态网站是什么？博客等，这似乎有利于分享内容？每次我调查这个问题时，我总是会看到一些在各种 CMS 和其他框架上实现共享的方法。

谢谢！

【问题讨论】：

阅读相应的 API 文档，例如脸书developers.facebook.com/docs/sharing

【参考方案1】：

可能的解决方案

使用静态网站有很多方法可以做到这一点，但我想到了以下两种方法：

利用现有的共享 API 并将您的画廊链接到他们的画廊。从本质上讲，捎带支持他们的架构/API 使用 JS 创建您自己的 API，该 API 加载到图像链接的硬编码数据集中，并将这些链接提供给请求它的应用程序/网站。

一般实现

社交媒体 API

正如 user3362707 所发布的，您可以在具有共享功能的社交媒体网站上发布您的图片，并使用他们的 API 将您的图片分享回您的静态网站。

imgur 或 picasa 等服务可以托管您的图片，您只需从您的网站引用它们即可。

滚动您的 API

或者，您可以将所有图像存储在您的网站上，并将它们的链接硬编码到 JS 数组中。然后创建一个简单的静态页面，该页面接受查询字符串并返回图像数据。根据社交媒体网站的不同，您可能只需将该链接放在他们的图像输入中即可共享该图像。

一般设计

回答您的问题“动态网站为何如此有助于共享内容？”它归结为创建一个可编程的网站。这与从作为文档存储库的网站向提供服务的网站的转变相一致。通过提供可编程接口，站点允许其他应用程序/网站访问这些服务以获取数据。可编程界面允许网站共享信息。

您可能需要阅读Web Services、SOAP 和REST。

【讨论】：

谢谢，这对我很有帮助。我只是在 Django 和 Jekyll 中做我的第一个项目，它比我以前的东西迈出了一大步。在没有正确术语的先验知识的情况下，我发现很多这些概念很难研究，因此我在这里提出了如此广泛的问题。我也希望它能帮助像我这样在谷歌上搜索此类问题的人！

【参考方案2】：

有很多分享栏AddThis、ShareThis、Socialite、Share42、AddToAny 可能有 Django 特定的选项，WordPress/php 有很多，例如 DiggDigg，Buffer 买了但它开始了作为 WordPress 插件。

如果它是一个图片库，您可以使用一些 jQuery 魔法在每张图片上放置一个 Pin It 按钮，因此也许您可以在每张图片的顶部或下方放置一个更通用的按钮或多个按钮。该技术记录在 here。