github
अपनी वेबसाइट में GitHub टाइमलाइन / फीड प्रदर्शित करना

आपकी वेबसाइट पर GitHub टाइमलाइन / फीड प्रदर्शित करना

यह दस्तावेज़ बताता है कि अपनी वेबसाइट पर आपके GitHub फीड / टाइमलाइन को कैसे प्रदर्शित किया जाए।

उदाहरण: एक जीवंत उदाहरण यहां उपलब्ध है:

https://newtonjoshua.com

गिटहब टाइमलाइन:

GitHub Atom प्रारूप में किसी भी उपयोगकर्ता के लिए सार्वजनिक समयरेखा प्रदान करता है।

आप अपनी टाइमलाइन यहाँ देख सकते हैं:

https://github.com/ {{GitHub_username}}। परमाणु

देखें: https://developer.github.com/v3/activity/feeds

Google फ़ीड API:

फ़ीड एपीआई के साथ, आप केवल जावास्क्रिप्ट का उपयोग करके किसी भी सार्वजनिक एटम, आरएसएस या मीडिया आरएसएस फ़ीड को डाउनलोड कर सकते हैं, जिससे आप जावास्क्रिप्ट की कुछ ही पंक्तियों के साथ अपनी सामग्री और अन्य एपीआई के साथ फ़ीड को मैश कर सकते हैं। यह आपकी वेबसाइट पर फ़ीड को जल्दी से एकीकृत करना आसान बनाता है।

देखें: https://developers.google.com/feed/v1/devguide

जावास्क्रिप्ट एपीआई लोड कर रहा है: फ़ीड एपीआई का उपयोग शुरू करने के लिए, अपने वेब पेज के हेडर में निम्नलिखित स्क्रिप्ट शामिल करें।

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

इसके बाद, फ़ीड एपीआई को google.load (मॉड्यूल, संस्करण, पैकेज) के साथ लोड करें।

<script type="text/javascript">
  google.load("feeds", "1");
</script>

फ़ीड URL निर्दिष्ट करना: आप google.feeds.Feed () को निम्नानुसार कॉल कर सकते हैं:

var feed = new google.feeds.Feed("https://github.com/{{GitHub_UserName}}.atom");

फ़ीड लोड करना: लोड करना (कॉलबैक) Google के सर्वर से कंस्ट्रक्टर में निर्दिष्ट फ़ीड डाउनलोड करता है और डाउनलोड पूरा होने पर दिए गए कॉलबैक को कॉल करता है।

<script type="text/javascript">

    function initialize() {
      feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          result.feed.entries.forEach(function (feed) {
            var feedTitle= feed.title; 
            var feedLink = feed.link;
            var feedDate = formatDate(feed.publishedDate);
            var feedContent = formatContent(feed.content);

           // display the feed in your website
          });
        }
      });
    }
    google.setOnLoadCallback(initialize);

    </script>

ऑनलोड हैंडलर को कॉल करना: setOnLoadCallback (कॉलबैक) एक स्थिर फ़ंक्शन है जो निर्दिष्ट हैंडलर फ़ंक्शन को कॉल कॉल लोड करने वाले पृष्ठ पर एक बार कॉल करने के लिए पंजीकृत करता है, जहां कॉलबैक एक आवश्यक फ़ंक्शन होता है जब युक्त दस्तावेज़ लोड होता है और एपीआई उपयोग के लिए तैयार होता है।

<script type="text/javascript">
    google.setOnLoadCallback(initialize);
 </script>

फ़ीड प्रविष्टियों की संख्या सेट करना: .setNumEntries (संख्या) इस फ़ीड द्वारा संख्या में फ़ीड फीड संख्याओं की संख्या को संख्या पर सेट करता है। डिफ़ॉल्ट रूप से, फ़ीड वर्ग चार प्रविष्टियाँ लोड करता है।

var feed = new google.feeds.Feed("https://github.com/{{GitHub_UserName}}.atom");
feed.setNumEntries(500);

अब आप अपनी वेबसाइट पर अपने GitHub फीड्स / टाइमलाइन को फॉर्मेट और प्रदर्शित कर सकते हैं।