github
Wyświetlanie osi czasu / kanałów GitHub w Twojej witrynie

Wyświetlanie osi czasu / kanałów GitHub w Twojej witrynie

W tym dokumencie wyjaśniono, jak wyświetlać kanały / oś czasu GitHub w witrynie.

Przykład: przykład na żywo jest dostępny pod adresem:

https://newtonjoshua.com

Oś czasu GitHub:

GitHub zapewnia publiczną oś czasu dla każdego użytkownika w formacie Atom.

Możesz zobaczyć swoją oś czasu na:

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

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

Interfejs API kanału Google:

Za pomocą interfejsu API kanału RSS możesz pobrać dowolny publiczny kanał RSS Atom, RSS lub Media, używając tylko JavaScript, dzięki czemu możesz łączyć kanały z treścią i innymi interfejsami API za pomocą zaledwie kilku wierszy JavaScript. Ułatwia to szybką integrację kanałów w witrynie.

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

Ładowanie JavaScript API: Aby rozpocząć korzystanie z Feed API, umieść następujący skrypt w nagłówku strony.

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

Następnie załaduj Feed API z google.load (moduł, wersja, pakiet).

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

Określanie adresu URL kanału: Możesz wywołać google.feeds.Feed () w następujący sposób:

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

Ładowanie kanału: .load (oddzwanianie) pobiera kanał określony w konstruktorze z serwerów Google i wywołuje określone połączenie zwrotne po zakończeniu pobierania.

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

Wywoływanie procedury obsługi onLoad: setOnLoadCallback (wywołanie zwrotne) jest funkcją statyczną, która rejestruje określoną funkcję funkcji obsługi, która ma być wywoływana po załadowaniu strony zawierającej to wywołanie, gdzie funkcja wywołania zwrotnego jest wymaganą funkcją wywoływaną, gdy ładowany jest dokument zawierający i interfejs API jest gotowy do użycia

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

Ustawienie liczby wpisów kanału: .setNumEntries (num) ustawia liczbę wpisów kanału załadowanych przez ten kanał na num. Domyślnie klasa Feed ładuje cztery wpisy.

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

Teraz możesz formatować i wyświetlać swoje kanały GitHub / oś czasu na swojej stronie.