github
Отображение временной шкалы / каналов GitHub на вашем веб-сайте
Поиск…
Отображение временной шкалы / каналов GitHub на вашем веб-сайте
В этом документе объясняется, как отображать ваши фиды / временные рамки GitHub на вашем веб-сайте.
Пример: живой пример доступен по адресу:
График 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 на своем веб-сайте.