2014-03-02 57 views
1

主要問題:如何使內容共享從靜態網站

說我有一個靜態的網站,是純粹的HTML,CSS和JS並在該網站上我有一個畫廊類型頁面充滿圖像。

什麼會着手做這些圖像分別與各大社交媒體網站可共享的最佳方式?

我不是太在看到代碼的興趣,更感興趣的是一個會如何設計系統。

補充細節問題:

我正在學習,我的網絡發展教育的下一步創建動態網站。什麼是動態網站,例如博客等,似乎是如此有利於共享內容?每次我調查這個問題時,我總是會提供一些實現在各種CMS和其他框架上共享的方法。

謝謝!

+0

閱讀各自的API文檔,例如Facebook https://developers.facebook.com/docs/sharing – fiction

回答

1

可能的解決方案

有許多方法與靜態站點要做到這一點,但這裏有兩塊來我的腦海:

  • 充分利用現有的共享API和庫鏈接到他們的畫廊。從本質上講,小豬支持他們的體系結構/ API使用JS創建您自己的API,該JS加載到圖像鏈接的硬編碼數據集中,並將這些鏈接提供給請求它的應用程序/網站。

通用實現

社會媒體API

由於張貼user3362707,你可以發佈您的社交媒體網站的圖片已經共享功能,並使用他們的API分享你的圖像傳回給你的靜態網站。

服務如imgur或Picasa可以承載您的圖像,你可以直接從您的網站中引用它們。

滾你的API

或者,你可以所有的圖像存儲在您的網站,以及硬編碼的鏈接到一個JS數組。然後創建一個簡單的靜態頁面,它接受查詢字符串並返回圖像數據。根據社交媒體網站的不同,您可能只需將該鏈接放置在其圖片輸入中即可共享該圖片。

總體設計

要回答你的問題「是什麼樣的,似乎是如此利於共享內容的動態網站?」它歸結爲創建一個可編程網站。這符合遠離作爲文檔存儲庫的網站到提供服務的網站的移動。通過提供可編程接口,站點允許其他應用程序/網站訪問這些服務以獲取數據。可編程接口允許網站共享信息。

您可能需要閱讀Web ServicesSOAPREST

+0

謝謝你,這對我非常有幫助。我只是在Django和Jekyll做了我的第一個項目,並且從我之前的東西中邁出了一大步。沒有事先了解正確的術語,我發現很多這些概念很難研究,因此我在這裏問了一個廣泛的問題。另外我希望它能幫助像我這樣的人在Google上搜索這樣的問題! – Sirrah

0

有許多sharebars AddThisShareThisSocialiteShare42AddToAny有可能的Django特定的選項,在WordPress/PHP有很多,如DiggDigg該緩衝區買,但它開始了作爲一個WordPress插件。

如果它是你可以使用一些魔法的jQuery把每個圖像上的引腳It按鈕的圖片庫,所以也許你可以把每個之上或之下的每個圖像更通用的按鈕或按鍵。該技術記錄在here