我的问题是，我尝试使用 Github 页面托管的网站不会读取我链接到它的 CSS。
我的 HTML 看起来像这样：
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">
<html>
<body>
<h1>Hello World</h1>
<p>I'm under construction!</p>
<h6>Copyright MIT Licence 2018</h6>
</body>
</html>
我的 CSS 看起来像这样：
body {
background-color: lightblue;
}
h6 {
color: navy;
margin-left: 20px;
}
链接存储库：legoman8304.github.io
我猜我链接的 CSS 是错误的，因为当我在网站本身上使用检查元素时，它确实显示，style.css但打开时它是空的。有什么帮助吗？
我的问题可能有一个非常简单的解决方法，但我对 javascript 很陌生，似乎找不到答案。脚本如下：
var proxyUrl = 'https://cors-anywhere.herokuapp.com/',
targetUrl = 'https://api.darksky.net/forecast/[key]/[latitude],[longitude]'
fetch(proxyUrl + targetUrl)
.then(blob => blob.json())
.then(data => {
console.log(data);
document.getElementById('weather').innerHTML = data;
})
但是，当我运行它时，<p>元素不会更改为数据本身，而是更改为“[object Object]”我做错了什么？任何帮助表示赞赏。
PS：targetUrl变量在参数所在位置有占位符，它不会按原样运行。