Mi bucle For Each no funciona cuando lo alojo.

Mi código funciona en el servidor en vivo de VS code, pero cuando lo alojé en las páginas de Github me dio un error. Parece que funciona bien y todo mi código parece funcionar y no encontré errores en absoluto.

Enlace a la página alojada: link to the hosted page

Enlace al código: link to the code

// parámetros de noticias
const Api_Key = "...";
const category = "crypto";
const url = "https://newsapi.org/v2/top-headlines";
// https://newsapi.org/v2/top-headlines?q=crypto&apiKey=4d2ac6c2f603440a864065a48836b9f7
let newsAccordian = document.getElementById('newsAccordian')


// tomar el contenedor de noticias
const xhr = new XMLHttpRequest()

xhr.open('GET', `${url}?q=${category}&apiKey=${Api_Key}`, true)

xhr.onload = function() {
    let json = JSON.parse(this.responseText)
    let articles = json.articles
    console.log(articles) // el error se muestra en esta línea
    let allNews = "";
    articles.forEach(function(news,index) {
        let newsContent = news.content.substring(0, news.content.length - 14);
}
xhr.send();