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

Question

主要问题：

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

将这些图片分别与主要社交媒体网站分享的最佳方式是什么？

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

补充细节和问题：

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

谢谢！

Answer 1

可能的解决方案

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

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

一般实施

社交媒体API

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

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

滚动您的API

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

一般设计

要回答您的问题“动态网站的内容对于共享内容有什么影响力？”它归结为创建一个可编程的网站。这与从作为文档存储库的网站到提供服务的网站的移动一致。通过提供可编程接口，站点允许其他应用程序/网站访问这些数据服务。可编程接口允许网站共享信息。

您可能希望阅读Web Services，SOAP和REST。

Answer 2

有很多共享栏AddThis，ShareThis，Socialite，Share42，AddToAny可能有Django特定选项，WordPress / PHP有很多如缓冲区已经购买了DiggDigg，但它最初是一个WordPress插件。

如果它是一个图库，你可以使用一些jQuery魔法在每个图像上放置一个Pin It按钮，所以也许你可以在每个图像的每个或下面放置一个更通用的按钮或按钮。该技术记录在案here。