在你的网站上显示 GitHub 时间轴供稿

本文档介绍了如何在你的网站上显示你的 GitHub 供稿/时间线。

示例： 现场示例位于：

https://newtonjoshua.com

GitHub 时间表：

GitHub 为 Atom 格式的任何用户提供公共时间表。

你可以在以下位置查看时间表：

https://github.com/ {{GitHub_username}}。原子

参考： https ： //developer.github.com/v3/activity/feeds

Google Feed API：

使用 Feed API，你可以仅使用 JavaScript 下载任何公共 Atom，RSS 或媒体 RSS 提要，这样你只需几行 JavaScript 就可以将提要与你的内容和其他 API 进行混搭。这样可以轻松快速地在你的网站上集成 Feed。

请参阅： https ： //developers.google.com/feed/v1/devguide

加载 JavaScript API： 要开始使用 Feed API，请在网页的标题中包含以下脚本。

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

接下来，使用 google.load（模块，版本，包）加载 Feed API。

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

指定供稿网址： 你可以按如下方式调用 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 供稿/时间线。