Vou te explicar o funcionamento das contribuições do StackOverflow. Eles tem uma api que retorna uma imagem customizada. Essa imagem tem as tuas contribuições, icone e badges do StackOverflow.

Por ser uma imagem, tu consegue adicionar no teu ReadMe do GitHub como um elemento html Por exemplo, se eu colocar esse código HTML no meu ReadMe:

<a href="https://stackoverflow.com/users/22512772/felipe-malicheski"><img src="https://stackoverflow.com/users/flair/22512772.png" width="208" height="58" alt="profile for Felipe Malicheski at Stack Overflow, Q&amp;A for professional and enthusiast programmers" title="profile for Felipe Malicheski at Stack Overflow, Q&amp;A for professional and enthusiast programmers"></a>

Vai aparecer as minhas contribuições do StackOverflow no meu perfil do GitHub

Exemplo da imagem da API do StackOverflow

Pra tu fazer algo parecido tu teria que montar uma api que retorna uma imagem customizada, utilizando em conjunto a API do tabnews.

Eu fiz de maneira totalmente porca e com certeza vai dar lag no futuro um código em JS que mostra a quantidade de publicações que eu fiz utilizando a API do tabnews.

window.onload = function() {

    async function chamarApi() {
        const response = await fetch("https://www.tabnews.com.br/api/v1/contents/CarlosPadaria");
        const itens = await response.json();
        alert(itens.length);
    }

    chamarApi();
};

No momento esse código retorna o numero 9, que é a quantidade de contribuições que eu fiz no TabNews

Tu pode abrir uma issue no Github do Tabnews e desenvolver isso que eu disse.

Pode te ajudar: How do I add my Stack Overflow reputation as a live badge on GitHub?