github
Отображение временной шкалы / каналов GitHub на вашем веб-сайте

Отображение временной шкалы / каналов GitHub на вашем веб-сайте

В этом документе объясняется, как отображать ваши фиды / временные рамки GitHub на вашем веб-сайте.

Пример: живой пример доступен по адресу:

https://newtonjoshua.com

График GitHub:

GitHub предоставляет публичную шкалу времени для любого пользователя в формате Atom.

Вы можете просмотреть свою временную шкалу:

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

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

API Google Feed:

С API-интерфейсом Feed вы можете загружать любые публичные каналы Atom, RSS или Media RSS только с использованием JavaScript, поэтому вы можете размалывать фиды с вашим контентом и другими API-интерфейсами всего несколькими строками JavaScript. Это упрощает интеграцию фидов на вашем веб-сайте.

см. https://developers.google.com/feed/v1/devguide

Загрузка JavaScript API: для начала использования API фида включите следующий сценарий в заголовок вашей веб-страницы.

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

Затем загрузите API фида с помощью google.load (модуль, версия, пакет).

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

Указание URL-адреса фида: вы можете вызвать google.feeds.Feed () следующим образом:

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

Загрузка фида: .load (обратный вызов) загружает фид, указанный в конструкторе с серверов Google, и вызывает данный обратный вызов, когда загрузка завершается.

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

Вызов обработчика onLoad: setOnLoadCallback (callback) - статическая функция, которая регистрирует указанную функцию обработчика, которая будет вызываться после того, как страница, содержащая эти нагрузки вызова, где обратный вызов является требуемой функцией, вызываемой при загрузке содержащего документа, и API готов к использованию

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

Установка количества записей фида: .setNumEntries (num) задает количество загружаемых этим фидом записей в num. По умолчанию класс Feed загружает четыре записи.

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

Теперь вы можете форматировать и отображать свои фиды / временные рамки GitHub на своем веб-сайте.