The markdown syntax lets you add images using the following code

Note that the image file size must be less than 5MB. Otherwise, we recommend hosting on a service like Cloudinary or S3. You can then use that URL and embed.
Mintlify supports HTML tags in Markdown. This is helpful if you prefer HTML tags to Markdown syntax, and lets you create documentation with infinite flexibility.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"多米API文档","colors":{"primary":"#0D9373","light":"#07C983","dark":"#0D9373"},"favicon":"/favicon.svg","logo":{"light":"https://mintcdn.com/nodex-ece86b3b/vSSOTKj4-FpW7S6H/logo/light.svg?fit=max\u0026auto=format\u0026n=vSSOTKj4-FpW7S6H\u0026q=85\u0026s=e76ab6ca1f3f426a00b7b1c2b853824a","dark":"https://mintcdn.com/nodex-ece86b3b/vSSOTKj4-FpW7S6H/logo/dark.svg?fit=max\u0026auto=format\u0026n=vSSOTKj4-FpW7S6H\u0026q=85\u0026s=44f8e50608909797161fca4aee290d52"},"navbar":{"links":[{"label":"Support","href":"mailto:hi@mintlify.com"}],"primary":{"type":"button","label":"体验中心","href":"https://duomiapi.com/"}},"footer":{"socials":{"x":"https://x.com/mintlify","github":"https://github.com/mintlify","linkedin":"https://linkedin.com/company/mintlify"}},"navigation":{"global":{"anchors":[{"anchor":"Documentation","href":"https://mintlify.com/docs","icon":"book-open-cover"},{"anchor":"Community","href":"https://mintlify.com/community","icon":"slack"},{"anchor":"Blog","href":"https://mintlify.com/blog","icon":"newspaper"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"nodex-ece86b3b","hasAudioNarration":false,"actualSubdomain":"nodex-ece86b3b","customDomains":["docs.duomiapi.com"],"gitSource":{"type":"github","owner":"iduomicc","repo":"mintlify-docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"entitlements":{},"buildId":"6ae9229a23e9642788d55cd4:success","clientVersion":"0.0.4111","searchFilterCounts":[{"language":"default","tag":"Documentation","count":8},{"language":"default","tag":"Essentials","count":6},{"language":"default","tag":"API Reference","count":4},{"language":"default","tag":"Endpoint Examples","count":3},{"language":"default","tag":"开始使用","count":2},{"language":"default","tag":"API Documentation","count":1}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"essentials/images","slug":"/essentials/images","pageMetadata":{"title":"Images and Embeds","description":"Add image, video, and other HTML elements","icon":"image","href":"/essentials/images"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Add image, video, and other HTML elements\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{CodeBlock,Heading,OptimizedFrame,OptimizedImage,Tip}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedFrame)_missingMdxReference(`OptimizedFrame`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(OptimizedImage,{style:{borderRadius:`0.5rem`},src:`https://mintlify-assets.b-cdn.net/bigbend.jpg`}),`\n`,_jsx(Heading,{level:`2`,id:`image`,children:`Image`}),`\n`,_jsx(Heading,{level:`3`,id:`using-markdown`,children:`Using Markdown`}),`\n`,_jsxs(_components.p,{children:[`The `,_jsx(_components.a,{href:`https://www.markdownguide.org/basic-syntax/#images`,children:`markdown syntax`}),` lets you add images using the following code`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`markdown`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`markdown`,children:_jsxs(_components.code,{language:`markdown`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`,_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-light-text-decoration\":`underline`,\"--shiki-dark\":`#D4D4D4`,\"--shiki-dark-text-decoration\":`underline`},children:`/path/image.jpg`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`)`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Note that the image file size must be less than 5MB. Otherwise, we recommend hosting on a service like `,_jsx(_components.a,{href:`https://cloudinary.com/`,children:`Cloudinary`}),` or `,_jsx(_components.a,{href:`https://aws.amazon.com/s3/`,children:`S3`}),`. You can then use that URL and embed.`]}),`\n`,_jsx(Heading,{level:`3`,id:`using-embeds`,children:`Using Embeds`}),`\n`,_jsxs(_components.p,{children:[`To get more customizability with images, you can also use `,_jsx(_components.a,{href:`/writing-content/embed`,children:`embeds`}),` to add images`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`html`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`img`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` height`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"200\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` src`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"/path/image.jpg\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\n`]})})}),`\n`,_jsx(Heading,{level:`2`,id:`embeds-and-html-elements`,children:`Embeds and HTML elements`}),`\n`,_jsx(OptimizedFrame,{width:`560`,height:`315`,src:`https://www.youtube.com/embed/4KzFe50RQkQ`,title:`YouTube video player`,frameBorder:`0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:true,style:{width:`100%`,borderRadius:`0.5rem`}}),`\n`,_jsx(`br`,{}),`\n`,_jsx(Tip,{children:_jsxs(_components.p,{children:[`Mintlify supports `,_jsx(_components.a,{href:`https://www.markdownguide.org/basic-syntax/#html`,children:`HTML tags in Markdown`}),`. This is helpful if you prefer HTML tags to Markdown syntax, and lets you create documentation with infinite flexibility.`]})}),`\n`,_jsx(Heading,{level:`3`,id:`iframes`,children:`iFrames`}),`\n`,_jsx(_components.p,{children:`Loads another HTML page within the document. Most commonly used for embedding videos.`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`html`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`iframe`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` src`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"https://www.youtube.com/embed/4KzFe50RQkQ\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` \u003c/`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`iframe`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`>`})]}),`\n`]})})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Images and Embeds","description":"Add image, video, and other HTML elements","icon":"image","href":"/essentials/images"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Image","slug":"image","depth":2,"children":[{"title":"Using Markdown","slug":"using-markdown","depth":3,"children":[]},{"title":"Using Embeds","slug":"using-embeds","depth":3,"children":[]}]},{"title":"Embeds and HTML elements","slug":"embeds-and-html-elements","depth":2,"children":[{"title":"iFrames","slug":"iframes","depth":3,"children":[]}]}],"codeExamples":{}},"jsLinks":[],"subdomain":"nodex-ece86b3b","siteName":"多米API文档","title":"Images and Embeds - 多米API文档","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T04:41:34.946Z","originalFileLocation":"essentials/images.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Add image, video, and other HTML elements\">\u003cmeta data-mint-head name=\"application-name\" content=\"多米API文档\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Images and Embeds - 多米API文档\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add image, video, and other HTML elements\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"多米API文档\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.duomiapi.com/essentials/images\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://nodex-ece86b3b.mintlify.site/_mintlify/api/og/v2?division=Essentials\u0026amp;title=Images+and+Embeds\u0026amp;description=Add+image%2C+video%2C+and+other+HTML+elements\u0026amp;theme=167c8eec6fde02c5448557d2\u0026amp;signature=178ec2496481b5bc46b6bf884257fe8b8bd269ae2305032839b9ca3d5e30f1f2\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Images and Embeds - 多米API文档\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add image, video, and other HTML elements\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://nodex-ece86b3b.mintlify.site/_mintlify/api/og/v2?division=Essentials\u0026amp;title=Images+and+Embeds\u0026amp;description=Add+image%2C+video%2C+and+other+HTML+elements\u0026amp;theme=167c8eec6fde02c5448557d2\u0026amp;signature=178ec2496481b5bc46b6bf884257fe8b8bd269ae2305032839b9ca3d5e30f1f2\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/nodex-ece86b3b/iW2Gi4T8zhWLfZCD/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"多米API文档\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#0D9373\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.duomiapi.com/essentials/images\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/essentials/images.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.duomiapi.com/#organization\",\"name\":\"多米API文档\",\"url\":\"https://docs.duomiapi.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/nodex-ece86b3b/vSSOTKj4-FpW7S6H/logo/light.svg?fit=max\u0026auto=format\u0026n=vSSOTKj4-FpW7S6H\u0026q=85\u0026s=e76ab6ca1f3f426a00b7b1c2b853824a\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.duomiapi.com#website\",\"name\":\"多米API文档\",\"url\":\"https://docs.duomiapi.com\",\"publisher\":{\"@id\":\"https://docs.duomiapi.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.duomiapi.com/essentials/images#webpage\",\"url\":\"https://docs.duomiapi.com/essentials/images\",\"name\":\"Images and Embeds\",\"description\":\"Add image, video, and other HTML elements\",\"dateModified\":\"2026-01-07T04:41:34.946Z\",\"isPartOf\":{\"@id\":\"https://docs.duomiapi.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.duomiapi.com/essentials/images#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.duomiapi.com/essentials/images#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Essentials\",\"item\":\"https://docs.duomiapi.com/essentials/markdown\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Images and Embeds\",\"item\":\"https://docs.duomiapi.com/essentials/images\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.duomiapi.com/essentials/images#article\",\"headline\":\"Images and Embeds\",\"name\":\"Images and Embeds\",\"description\":\"Add image, video, and other HTML elements\",\"url\":\"https://docs.duomiapi.com/essentials/images\",\"mainEntityOfPage\":{\"@id\":\"https://docs.duomiapi.com/essentials/images#webpage\"},\"dateModified\":\"2026-01-07T04:41:34.946Z\",\"publisher\":{\"@id\":\"https://docs.duomiapi.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.duomiapi.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"多米API文档\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"多米API文档\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/essentials/images.md","siteName":"多米API文档","nav":{"global":{"anchors":[{"anchor":"Documentation","href":"https://mintlify.com/docs","icon":"book-open-cover"},{"anchor":"Community","href":"https://mintlify.com/community","icon":"slack"},{"anchor":"Blog","href":"https://mintlify.com/blog","icon":"newspaper"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"开始使用","pages":[{"title":"产品简介","href":"/introduction"},{"title":"快速上手","href":"/quickstart"}]},{"group":"Essentials","pages":[{"title":"使用","icon":"text-size","href":"/essentials/markdown"},{"title":"Code Blocks","description":"Display inline code and code blocks","icon":"code","href":"/essentials/code"},{"title":"Images and Embeds","icon":"image","href":"/essentials/images"},{"title":"Global Settings","description":"Mintlify gives you complete control over the look and feel of your documentation using the mint.json file","icon":"gear","href":"/essentials/settings"},{"title":"Navigation","icon":"map","href":"/essentials/navigation"},{"title":"Reusable Snippets","icon":"recycle","href":"/essentials/reusable-snippets"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]}]},"basePath":"","title":"Images and Embeds - 多米API文档","buildId":"dpl_DqYu5MPb49gWBBbUGgpHQUmCHY3P","deploymentId":"dpl_DqYu5MPb49gWBBbUGgpHQUmCHY3P","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-DTFzvaXJ.js","lightbox-handle-r17bVUz3.js"]}