{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"Mermaid.js ile Diyagramlar Olu\u015fturma: H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 K\u0131lavuzu","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"5IWACi7LUM\"><a href=\"https:\/\/fatihsoysal.com\/blog\/mermaid-js-ile-diyagramlar-olusturma-hizli-baslangic-kilavuzu\/\">Mermaid.js ile Diyagramlar Olu\u015fturma: H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 K\u0131lavuzu<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/mermaid-js-ile-diyagramlar-olusturma-hizli-baslangic-kilavuzu\/embed\/#?secret=5IWACi7LUM\" width=\"600\" height=\"338\" title=\"&#8220;Mermaid.js ile Diyagramlar Olu\u015fturma: H\u0131zl\u0131 Ba\u015flang\u0131\u00e7 K\u0131lavuzu&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"5IWACi7LUM\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Son zamanlarda Mermaid.js ile olduk\u00e7a fazla vakit ge\u00e7iriyorum ve t\u00fcm temel ihtiya\u00e7lar\u0131 kapsayan bir hile sayfas\u0131 olu\u015fturdum. Bu sayede d\u00fcz metni, Markdown dosyan\u0131z\u0131n i\u00e7inde do\u011frudan diyagrama d\u00f6n\u00fc\u015ft\u00fcrebilirsiniz. Bu, fikirlerinizi g\u00f6rselle\u015ftirmeyi inan\u0131lmaz derecede kolayla\u015ft\u0131r\u0131yor. Asl\u0131nda, kendi web sitemde de bu tekni\u011fi s\u0131kl\u0131kla kullan\u0131yorum. Mermaid.js'in sundu\u011fu esneklik ve kolayl\u0131k, teknik dok\u00fcmanlar\u0131m\u0131 ve a\u00e7\u0131klamalar\u0131m\u0131 \u00e7ok daha anla\u015f\u0131l\u0131r hale getiriyor."}