github
Visualizzazione della timeline / feed di GitHub nel tuo sito web

Visualizzazione della timeline / feed di GitHub sul tuo sito web

Questo documento spiega come visualizzare i tuoi feed / timeline GitHub sul tuo sito web.

Esempio: un esempio dal vivo è disponibile all'indirizzo:

https://newtonjoshua.com

Timeline di GitHub:

GitHub fornisce la linea temporale pubblica per qualsiasi utente in formato Atom.

Puoi visualizzare la tua cronologia su:

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

fare riferimento a: https://developer.github.com/v3/activity/feeds

API di Google Feed:

Con l'API Feed, puoi scaricare qualsiasi feed RSS Atom, RSS o multimediale pubblico utilizzando solo JavaScript, in modo da poter condividere i feed con i tuoi contenuti e altre API con solo poche righe di JavaScript. Ciò semplifica l'integrazione rapida dei feed sul tuo sito web.

fare riferimento a: https://developers.google.com/feed/v1/devguide

Caricamento dell'API JavaScript: per iniziare a utilizzare l'API del feed, includere il seguente script nell'intestazione della pagina Web.

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

Successivamente, carica l'API del feed con google.load (modulo, versione, pacchetto).

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

Specifica dell'URL del feed: puoi chiamare google.feeds.Feed () come segue:

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

Caricamento di un feed: .load (callback) scarica il feed specificato nel costruttore dai server di Google e chiama il callback assegnato al termine del download.

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

Chiamando il gestore onLoad: setOnLoadCallback (callback) è una funzione statica che registra la funzione del gestore specificata da chiamare una volta caricata la pagina contenente questa chiamata, in cui callback è una funzione richiesta chiamata quando il documento contenente viene caricato e l'API è pronta per l'uso

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

Impostazione del numero di voci del feed: .setNumEntries (num) imposta il numero di voci del feed caricate da questo feed su num. Per impostazione predefinita, la classe Feed carica quattro voci.

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

Ora puoi formattare e visualizzare i tuoi feed / timeline GitHub sul tuo sito web.