github
Visar GitHub-tidslinje / flöden på din webbplats

Visar GitHub-tidslinje / flöden på din webbplats

Detta dokument förklarar hur du visar dina GitHub-flöden / tidslinjen på din webbplats.

Exempel: Ett liveexempel finns tillgängligt på:

https://newtonjoshua.com

GitHub-tidslinje:

GitHub tillhandahåller den offentliga tidslinjen för alla användare i Atom-format.

Du kan se din tidslinje på:

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

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

Google Feed API:

Med Feed API kan du ladda ner alla offentliga Atom-, RSS- eller Media RSS-flöden med bara JavaScript, så att du kan mosa upp flöden med ditt innehåll och andra API: er med bara några få JavaScript-rader. Detta gör det enkelt att snabbt integrera flöden på din webbplats.

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

Laddar JavaScript-API: n: För att börja använda Feed API: n inkluderar följande skript i rubriken på din webbsida.

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

Ladda sedan Feed API med google.load (modul, version, paket).

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

Ange feed-URL: Du kan ringa google.feeds.Feed () enligt följande:

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

Laddar ett flöde: .load (återuppringning) laddar ner flödet som anges i konstruktören från Googles servrar och ringer upp det givna återuppringningen när nedladdningen är klar.

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

Anropa onLoad-hanteraren: setOnLoadCallback (återuppringning) är en statisk funktion som registrerar den angivna hanteringsfunktionen som ska ringas när sidan som innehåller detta samtal laddas, där återuppringning är en nödvändig funktion som kallas när det innehållande dokumentet laddas och API är redo att användas

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

Ställa in antalet foderposter : .setNumEntries (num) ställer in antalet foderposter som laddats av detta flöde till num. Som standard laddar foderklassen fyra poster.

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

Nu kan du formatera och visa dina GitHub-flöden / tidslinjen på din webbplats.