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

Question

主要问题:

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

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

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

补充细节和问题:

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

谢谢!

Answer 1

可能的解决方案

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

利用现有的共享 API 并将您的画廊链接到他们的画廊。从本质上讲，捎带支持他们的架构/API

使用 JS 创建您自己的 API，该 API 加载到图像链接的硬编码数据集中，并将这些链接提供给请求它的应用程序/网站。

一般实现

社交媒体 API

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

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

滚动你的 API

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

一般设计

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

您可能想阅读 Web Services , SOAP , 和 REST .