在你的網站上顯示 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 供稿/時間線。