github
GitHub-tijdlijn / feeds weergeven op uw website

GitHub tijdlijn / feeds weergeven op uw website

Dit document legt uit hoe u uw GitHub-feeds / tijdlijn op uw website kunt weergeven.

Voorbeeld: een live voorbeeld is beschikbaar op:

https://newtonjoshua.com

GitHub-tijdlijn:

GitHub biedt de openbare tijdlijn voor elke gebruiker in Atom-indeling.

U kunt uw tijdlijn bekijken op:

https://github.com/ {{GitHub_username}}. atom

verwijzen: https://developer.github.com/v3/activity/feeds

Google Feed API:

Met de Feed API kunt u elke openbare Atom-, RSS- of Media RSS-feed downloaden met alleen JavaScript, zodat u feeds kunt combineren met uw inhoud en andere API's met slechts een paar regels JavaScript. Dit maakt het gemakkelijk om feeds snel in uw website te integreren.

verwijzen: https://developers.google.com/feed/v1/devguide

De JavaScript API laden: om de Feed API te gebruiken, neemt u het volgende script op in de koptekst van uw webpagina.

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

Laad vervolgens de Feed API met google.load (module, versie, pakket).

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

De feed-URL opgeven: U kunt google.feeds.Feed () als volgt aanroepen:

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

Een feed laden: .load (callback) downloadt de feed die is opgegeven in de constructor van de servers van Google en roept de opgegeven callback op wanneer de download is voltooid.

<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>

De onLoad-handler aanroepen: setOnLoadCallback (callback) is een statische functie die de opgegeven handlerfunctie registreert die moet worden opgeroepen zodra de pagina met deze aanroep wordt geladen, waarbij callback een vereiste functie is die wordt aangeroepen wanneer het document wordt geladen en de API klaar is voor gebruik

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

Het aantal feeditems instellen : .setNumEntries (num) stelt het aantal feeditems dat door deze feed is geladen in op num. Standaard laadt de klasse Feed vier items.

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

Nu kunt u uw GitHub-feeds / tijdlijn op uw website formatteren en weergeven.