github
Visualización de la línea de tiempo de GitHub / feeds en su sitio web

Visualización de la línea de tiempo / feeds de GitHub en su sitio web

Este documento explica cómo mostrar sus feeds / línea de tiempo de GitHub en su sitio web.

Ejemplo: Un ejemplo en vivo está disponible en:

https://newtonjoshua.com

Línea de tiempo de GitHub:

GitHub proporciona la línea de tiempo pública para cualquier usuario en formato Atom.

Puedes ver tu línea de tiempo en:

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

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

API de Google Feed:

Con la API de fuentes, puede descargar cualquier fuente pública de Atom, RSS o Media RSS utilizando solo JavaScript, por lo que puede combinar las fuentes con su contenido y otras API con solo unas pocas líneas de JavaScript. Esto facilita la integración rápida de feeds en su sitio web.

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

Cargando la API de JavaScript: para comenzar a utilizar la API de Feed, incluya el siguiente script en el encabezado de su página web.

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

A continuación, cargue la API de Feed con google.load (módulo, versión, paquete).

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

Especificando la URL del feed: Puede llamar a google.feeds.Feed () de la siguiente manera:

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

Cargando un feed: .load (callback) descarga el feed especificado en el constructor desde los servidores de Google y llama al callback dado cuando finaliza la descarga.

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

Llamar al controlador onLoad: setOnLoadCallback (callback) es una función estática que registra la función del controlador especificada para que se llame una vez que se cargue la página que contiene esta llamada, donde callback es una función requerida cuando el documento que contiene está cargado y la API está lista para su uso

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

Configuración del número de entradas de feed: .setNumEntries (num) establece el número de entradas de feed cargadas por este feed en num. Por defecto, la clase Feed carga cuatro entradas.

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

Ahora puede formatear y mostrar sus feeds / línea de tiempo de GitHub en su sitio web.