[{"data":1,"prerenderedAt":316},["ShallowReactive",2],{"nav-stories":3,"footer-stories":61,"blog-embedding-external-content":74},[4,16,25,34,43,52],{"id":5,"color":6,"extension":7,"image":8,"label":9,"link":10,"meta":11,"order":12,"stem":13,"text":14,"__hash__":15},"stories\u002Fstories\u002F01-data-center.yml",null,"yml","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1558494949-ef010cbdcc31?w=1080","DATA_CENTER","https:\u002F\u002Fx.com\u002Fabbeytetteh_",{},1,"stories\u002F01-data-center","Racking new servers. 40gbit backbone online.","0QUZQbaANhdO8WemZxkDdO7vbVopfnynHtH9FxBZb_w",{"id":17,"color":6,"extension":7,"image":18,"label":19,"link":6,"meta":20,"order":21,"stem":22,"text":23,"__hash__":24},"stories\u002Fstories\u002F02-thoughts.yml","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1498050108023-c5249f4df085?w=1080","THOUGHTS",{},2,"stories\u002F02-thoughts","Late night bug hunting. Found the memory leak.","Gd1am954aasY6HRHD7hCtOuessXb6zYZ8iizS501ICg",{"id":26,"color":27,"extension":7,"image":6,"label":28,"link":6,"meta":29,"order":30,"stem":31,"text":32,"__hash__":33},"stories\u002Fstories\u002F03-coding.yml","#3b82f6","CODING",{},3,"stories\u002F03-coding","Just thinking about how much easier life is with Swarm.","vLAyiGUPtlXB2SHa5KM_U2AaK4QkG3Og85UEUE7qzgM",{"id":35,"color":6,"extension":7,"image":36,"label":37,"link":6,"meta":38,"order":39,"stem":40,"text":41,"__hash__":42},"stories\u002Fstories\u002F04-update.yml","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1591799264318-7e6ef8ddb7ea?w=1080","UPDATE",{},4,"stories\u002F04-update","New cluster nodes arrived. Prepping for installation.","kyT60N5C6Re_jMonZbgNy0PbQhzXmUWxDbD0D_v43ts",{"id":44,"color":45,"extension":7,"image":6,"label":46,"link":6,"meta":47,"order":48,"stem":49,"text":50,"__hash__":51},"stories\u002Fstories\u002F05-setup.yml","#86868b","SETUP",{},5,"stories\u002F05-setup","Optimizing the telemetry pipeline for 1M req\u002Fs.","cPOBkzoyXsCmPgRO2d80Hj3vm4MP-6nAejtlQ5iuSzw",{"id":53,"color":6,"extension":7,"image":54,"label":55,"link":6,"meta":56,"order":57,"stem":58,"text":59,"__hash__":60},"stories\u002Fstories\u002F06-travel.yml","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1560969184-10fe8719e047?w=1080","TRAVEL",{},6,"stories\u002F06-travel","Travel log — system architecture workshop in Berlin.","jnOxerdF6usAIHdR35Z-opx0LJAy9kZluXnZhtz62Z0",[62,64,66,68,70,72],{"id":5,"color":6,"extension":7,"image":8,"label":9,"link":10,"meta":63,"order":12,"stem":13,"text":14,"__hash__":15},{},{"id":17,"color":6,"extension":7,"image":18,"label":19,"link":6,"meta":65,"order":21,"stem":22,"text":23,"__hash__":24},{},{"id":26,"color":27,"extension":7,"image":6,"label":28,"link":6,"meta":67,"order":30,"stem":31,"text":32,"__hash__":33},{},{"id":35,"color":6,"extension":7,"image":36,"label":37,"link":6,"meta":69,"order":39,"stem":40,"text":41,"__hash__":42},{},{"id":44,"color":45,"extension":7,"image":6,"label":46,"link":6,"meta":71,"order":48,"stem":49,"text":50,"__hash__":51},{},{"id":53,"color":6,"extension":7,"image":54,"label":55,"link":6,"meta":73,"order":57,"stem":58,"text":59,"__hash__":60},{},{"id":75,"title":76,"body":77,"date":303,"description":304,"extension":106,"meta":305,"navigation":221,"path":306,"readTime":307,"seo":308,"stem":309,"tags":310,"thumbnail":314,"__hash__":315},"blog\u002Fblog\u002Fembedding-external-content.md","Embedding External Content in Your Posts",{"type":78,"value":79,"toc":299},"minimark",[80,84,89,97,295],[81,82,83],"p",{},"Posts support rich embeds using MDC component blocks. Drop any snippet below into your markdown. No raw HTML, no iframes to configure — just the tag and the ID.",[85,86,88],"h2",{"id":87},"youtube","YouTube",[81,90,91,92,96],{},"Use the video ID from the URL (the part after ",[93,94,95],"code",{},"v=",").",[87,98,101,116,119,123,129],{"id":99,"title":100},"jNQXAC9IVRw","Me at the zoo — the very first YouTube upload",[102,103,108],"pre",{"className":104,"code":105,"language":106,"meta":107,"style":107},"language-md shiki shiki-themes vitesse-light","::youtube{id=\"jNQXAC9IVRw\" title=\"Video title here\"}\n","md","",[93,109,110],{"__ignoreMap":107},[111,112,114],"span",{"class":113,"line":12},"line",[111,115,105],{},[117,118],"hr",{},[85,120,122],{"id":121},"twitter-x","Twitter \u002F X",[81,124,125,126,96],{},"Use the numeric tweet ID from the end of the tweet URL (",[93,127,128],{},"twitter.com\u002Fuser\u002Fstatus\u002FID",[130,131,133,142,144,148,163],"tweet",{"id":132},"2057183802569421019",[102,134,136],{"className":104,"code":135,"language":106,"meta":107,"style":107},"::tweet{id=\"2057183802569421019\"}\n",[93,137,138],{"__ignoreMap":107},[111,139,140],{"class":113,"line":12},[111,141,135],{},[117,143],{},[85,145,147],{"id":146},"instagram","Instagram",[81,149,150,151,154,155,158,159,162],{},"Use the post shortcode from the URL — ",[93,152,153],{},"instagram.com\u002Fp\u002FSHORTCODE\u002F",". Add ",[93,156,157],{},"author"," and ",[93,160,161],{},"caption"," for context.",[146,164,168,177,179,183,204],{"author":165,"caption":166,"id":167},"@nuxt.js","Nuxt 3 is here.","B9MexqUnoIM",[102,169,171],{"className":104,"code":170,"language":106,"meta":107,"style":107},"::instagram{id=\"B9MexqUnoIM\" author=\"@nuxt.js\" caption=\"Nuxt 3 is here.\"}\n",[93,172,173],{"__ignoreMap":107},[111,174,175],{"class":113,"line":12},[111,176,170],{},[117,178],{},[85,180,182],{"id":181},"spotify","Spotify",[81,184,185,186,189,190,189,193,196,197,200,201,96],{},"Supports ",[93,187,188],{},"track",", ",[93,191,192],{},"album",[93,194,195],{},"playlist",", and ",[93,198,199],{},"episode"," types. Grab the ID from the share link (",[93,202,203],{},"open.spotify.com\u002Ftrack\u002FID",[181,205,207,228,230,234,255],{"id":206,"type":188},"44DsgT84HJBv8PaxeK397f",[102,208,210],{"className":104,"code":209,"language":106,"meta":107,"style":107},"::spotify{id=\"44DsgT84HJBv8PaxeK397f\" type=\"track\"}\n\n::spotify{id=\"37i9dQZF1DX4sWSpwq3LiO\" type=\"playlist\"}\n",[93,211,212,217,223],{"__ignoreMap":107},[111,213,214],{"class":113,"line":12},[111,215,216],{},"::spotify{id=\"44DsgT84HJBv8PaxeK397f\" type=\"track\"}\n",[111,218,219],{"class":113,"line":21},[111,220,222],{"emptyLinePlaceholder":221},true,"\n",[111,224,225],{"class":113,"line":30},[111,226,227],{},"::spotify{id=\"37i9dQZF1DX4sWSpwq3LiO\" type=\"playlist\"}\n",[117,229],{},[85,231,233],{"id":232},"github","GitHub",[81,235,236,237,240,241,244,245,189,248,196,251,254],{},"A styled repo card — no external scripts needed. Pass ",[93,238,239],{},"repo"," as ",[93,242,243],{},"username\u002Frepository",", with optional ",[93,246,247],{},"description",[93,249,250],{},"language",[93,252,253],{},"stars",".",[232,256,261,270,272,276,279,282],{"description":257,"language":258,"repo":259,"stars":260},"The Intuitive Vue Framework.","TypeScript","nuxt\u002Fnuxt","54k",[102,262,264],{"className":104,"code":263,"language":106,"meta":107,"style":107},"::github{repo=\"nuxt\u002Fnuxt\" description=\"The Intuitive Vue Framework.\" language=\"TypeScript\" stars=\"54k\"}\n",[93,265,266],{"__ignoreMap":107},[111,267,268],{"class":113,"line":12},[111,269,263],{},[117,271],{},[85,273,275],{"id":274},"using-embeds-in-context","Using embeds in context",[81,277,278],{},"Embeds can sit anywhere in a post, mixed with regular prose. Example:",[81,280,281],{},"I've been experimenting with this talk on microservices — worth watching if you're evaluating service mesh patterns:",[87,283,286,289],{"id":284,"title":285},"GBTdnfD6s5Q","Microservices at scale",[81,287,288],{},"The repo from the talk:",[232,290],{"description":291,"language":292,"repo":293,"stars":294},"Connect, secure, control, and observe services.","Go","istio\u002Fistio","35k",[296,297,298],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":107,"searchDepth":21,"depth":21,"links":300},[301,302],{"id":87,"depth":21,"text":88},{"id":121,"depth":21,"text":122},"2026-05-17","Full reference for every supported embed — YouTube, Twitter\u002FX, Instagram, Spotify, and GitHub cards — with copy-paste examples for each.",{},"\u002Fblog\u002Fembedding-external-content","3 min",{"title":76,"description":304},"blog\u002Fembedding-external-content",[311,312,313],"Guide","MDC","Embeds","\u002Fimages\u002Fthumbnails\u002Fembedding-external-content.png","gjjAUSnqoHoIj3QhbDO1nqi-JYqUbFA9KVNWuQyqIAU",1779361989101]