GitHub Pages是GitHub提供的免費托管靜態網頁的服務，它的優點是簡單易用、可以使用自定義域名、可以綁定自己的GitHub項目等等。其中，讀取json數據是GitHub Pages很實用的一個功能，下面讓我們來介紹一下它的使用方法。

1. 首先，在你的GitHub Pages項目中建立json文件?？梢栽诓煌奈募A中建立多個json文件，文件名可以自己取。

// example.json文件內容示例
{
"name": "GitHub Pages",
"desc": "A powerful way to showcase your projects"
}

2. 在HTML文件中，可以使用jQuery或者原生的JavaScript讀取json文件。

// 使用jQuery讀取json文件
$.getJSON("example.json", function(data) {
console.log(data.name); // "GitHub Pages"
console.log(data.desc); // "A powerful way to showcase your projects"
});
// 使用原生的JavaScript讀取json文件
var xhr = new XMLHttpRequest();
xhr.open("GET", "example.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data.name); // "GitHub Pages"
console.log(data.desc); // "A powerful way to showcase your projects"
}
};
xhr.send();

3. 在GitHub Pages中，由于使用的是https協議，如果要訪問外部的http資源，會出現跨域訪問的問題。解決方法有兩種：

（1）使用GitHub提供的API讀取數據。

// 讀取GitHub用戶的followers的API
$.getJSON("https://api.github.com/users/octocat/followers", function(data) {
console.log(data);
});

（2）使用JSONP實現跨域訪問。

// 假設example.com網站提供了jsonp的接口，我們可以通過以下方式讀取數據
$.getJSON("http://example.com/jsonp?callback=?", function(data) {
console.log(data);
});

以上是關于GitHub Pages讀取json的介紹，希望能對大家有所幫助。