Add this <div> in the <body> of your webpage where you want the blog entries to show
<div class="blog" id="blogdiv" style="width:100%"></div>
Place this JavaScript function in the <head> section of your page
function loadXMLDoc() { var content; var title; var creator; var published; var categories; var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { var xmlDoc = xhttp.responseXML; var z = xmlDoc.getElementsByTagName('item'); document.write("<div>"); categories = ""; for (var k = 0; k < z.length; k++) { var x = z[k].childNodes; for (var i = 0; i < x.length; i++) { var y = x[i]; if (y.nodeType == 1) { if (y.nodeName == "content:encoded") { content = y.firstChild.nodeValue; } if (y.nodeName == "title") { title = y.firstChild.nodeValue; categories = ""; } if (y.nodeName == "dc:creator") { creator = y.firstChild.nodeValue; } if (y.nodeName == "pubDate") { published = y.firstChild.nodeValue; } if (y.nodeName == "category") { categories = categories + y.firstChild.nodeValue + " | "; } } } document.write('<img{height:150px;float:left;margin:10px;}</style ><div style=" border-radius: 25px;background: transparent; padding: 10px;width: 100%; height: 25px;"> <h2>' + title + " </h2 >"); document.write("<h4 >" + creator + " " + published + " </h4><br/><br/ ><br/> </div>"); document.write('<br/> <br/><div style="margin:10px;width:100%;font-size:18px;" >' + content + "<br/><br/>"); document.write('tags:" + categories); document.write("</div ><hr >"); } } }; xhttp.open("GET", "https://cors-anywhere.herokuapp.com/https://medium.com/feed/@mediumusername", true); xhttp.send(); }
Add this to the <body> tag of your webpage <body onload="loadXMLDoc()"> and change @mediumusername in the JS function to your MEDIUM Blog user name.

Voila, you now can see your Medium posts on your website.
Note: the feeds are not updated instantly, they usually show up in 5 minutes or less.