はてなブログのユーザ CSS を取得して表示しようとしたけど失敗した

失敗して悔しいので記事として記録を残しておきます。はてなブログの、常に最新のユーザ CSS を表示する記事を書くために下のようなコードを書きました。これを「HTML編集」タブに貼り付ければいいはずでした。

let elm_userCss = document.querySelector("#user-css")
let ndl_link = document.querySelectorAll('link[rel="stylesheet"]')
loadContent(Array.from(ndl_link).filter(w => w.href.match(/usercss/))[0].href).then(r =>{
  elm_userCss.innerHTML = r.replace(/(\/\* <system )[\s\S]*?(\/\* <\/system> \*\/)\n/g, "")
})
async function loadContent(url) {
  let w = await fetch(url)
  return w.text()
}

どうも CORS のエラーが出ます。このサイトから読めないでどうするんだ、と思うのですが、リクエストのヘッダがどうとか難しい話なのでしょう。とりあえず諦めました。 CORS は分からん。