[{"data":1,"prerenderedAt":443},["ShallowReactive",2],{"guide:\u002Fguides\u002Fmarkdown-export-with-images":3,"guides:list":339},{"id":4,"title":5,"body":6,"category":323,"description":324,"extension":325,"faq":326,"meta":330,"navigation":115,"path":331,"published":332,"seo":333,"stem":334,"toolSlugs":335,"updated":337,"__hash__":338},"guides\u002Fguides\u002Fmarkdown-export-with-images.md","Markdown 中文图文怎么导出：原稿、HTML 与富文本",{"type":7,"value":8,"toc":312},"minimark",[9,24,28,84,87,90,93,202,228,231,234,244,247,253,256,259,266,269,275,283,286,291,294,298,301,305,308],[10,11,12,13,18,19,23],"p",{},"要把一篇中文稿件交给博客、邮件或公众号编辑器，可以先在 ",[14,15,17],"a",{"href":16},"\u002Ftools\u002Fdocument\u002Fmarkdown-rich-text","Markdown 排版","写原稿、检查表格和图片，再按用途选择输出。建议先下载 ",[20,21,22],"code",{},".md"," 备份，再导出 HTML 或复制富文本，避免只留下难以继续编辑的排版结果。",[25,26,27],"h2",{"id":27},"选择适合交付的格式",[29,30,31,47],"table",{},[32,33,34],"thead",{},[35,36,37,41,44],"tr",{},[38,39,40],"th",{},"输出",[38,42,43],{},"适合做什么",[38,45,46],{},"保留与限制",[48,49,50,62,73],"tbody",{},[35,51,52,56,59],{},[53,54,55],"td",{},"下载 Markdown",[53,57,58],{},"备份、继续写作、换编辑器",[53,60,61],{},"保留原文及图片链接，不包含当前主题的完整排版样式",[35,63,64,67,70],{},[53,65,66],{},"导出 HTML",[53,68,69],{},"用浏览器查看排版或交给支持 HTML 的系统",[53,71,72],{},"保留当前内联样式，普通外链图片仍依赖原地址",[35,74,75,78,81],{},[53,76,77],{},"复制富文本",[53,79,80],{},"粘贴到支持格式的编辑器",[53,82,83],{},"目标平台可能过滤样式、链接和图片，需再次预览",[10,85,86],{},"「复制排版后的 HTML」复制的是 HTML 源码。把源码粘进只接收普通文字的输入框，会看到标签；需要可视化排版时用「复制富文本」，并确认目标编辑器接受富文本。",[25,88,89],{"id":89},"从中文表格样例开始",[10,91,92],{},"将下面内容粘入编辑区，文稿名称设为“秋季活动说明”：",[94,95,100],"pre",{"className":96,"code":97,"language":98,"meta":99,"style":99},"language-markdown shiki shiki-themes github-light github-dark","# 秋季活动说明\n\n本次活动分为**上午分享**和下午交流，请提前十分钟到场。\n\n## 时间安排\n\n| 时段 | 内容 | 地点 |\n| --- | --- | --- |\n| 09:00—10:00 | 中文写作分享 | 一楼会议室 |\n| 14:00—15:00 | 小组讨论 | 二楼活动室 |\n\n## 参与须知\n\n1. 带上笔记本。\n2. 如需调整安排，请提前联系组织者。\n\n> 发布前请核对时间、地点和配图。\n","markdown","",[20,101,102,110,117,123,128,134,139,145,151,157,163,168,174,179,185,191,196],{"__ignoreMap":99},[103,104,107],"span",{"class":105,"line":106},"line",1,[103,108,109],{},"# 秋季活动说明\n",[103,111,113],{"class":105,"line":112},2,[103,114,116],{"emptyLinePlaceholder":115},true,"\n",[103,118,120],{"class":105,"line":119},3,[103,121,122],{},"本次活动分为**上午分享**和下午交流，请提前十分钟到场。\n",[103,124,126],{"class":105,"line":125},4,[103,127,116],{"emptyLinePlaceholder":115},[103,129,131],{"class":105,"line":130},5,[103,132,133],{},"## 时间安排\n",[103,135,137],{"class":105,"line":136},6,[103,138,116],{"emptyLinePlaceholder":115},[103,140,142],{"class":105,"line":141},7,[103,143,144],{},"| 时段 | 内容 | 地点 |\n",[103,146,148],{"class":105,"line":147},8,[103,149,150],{},"| --- | --- | --- |\n",[103,152,154],{"class":105,"line":153},9,[103,155,156],{},"| 09:00—10:00 | 中文写作分享 | 一楼会议室 |\n",[103,158,160],{"class":105,"line":159},10,[103,161,162],{},"| 14:00—15:00 | 小组讨论 | 二楼活动室 |\n",[103,164,166],{"class":105,"line":165},11,[103,167,116],{"emptyLinePlaceholder":115},[103,169,171],{"class":105,"line":170},12,[103,172,173],{},"## 参与须知\n",[103,175,177],{"class":105,"line":176},13,[103,178,116],{"emptyLinePlaceholder":115},[103,180,182],{"class":105,"line":181},14,[103,183,184],{},"1. 带上笔记本。\n",[103,186,188],{"class":105,"line":187},15,[103,189,190],{},"2. 如需调整安排，请提前联系组织者。\n",[103,192,194],{"class":105,"line":193},16,[103,195,116],{"emptyLinePlaceholder":115},[103,197,199],{"class":105,"line":198},17,[103,200,201],{},"> 发布前请核对时间、地点和配图。\n",[203,204,205,209,212,219,222,225],"ol",{},[206,207,208],"li",{},"检查预览中的中文标题、加粗、两行表格、列表和引用。手机上通过「编辑」「预览」切换查看。",[206,210,211],{},"打开「排版主题」选择样式，观察标题和正文变化。主题只改渲染样式，不会改写 Markdown 原文。",[206,213,214,215,218],{},"在正文后加一行 ",[20,216,217],{},"![活动场地](https:\u002F\u002Fexample.com\u002Fvenue.jpg)","，将示例地址替换成自己有权使用、可公开访问的真实图片链接。这个占位地址不是可用配图，不替换就不能用来判断图片加载是否正常。",[206,220,221],{},"等待预览图片加载，核对图片内容和比例。需要测试长文时，可增加数段中文正文，并检查表格在窄屏上的可读性。",[206,223,224],{},"点击「下载 Markdown」和「导出 HTML」。手机在「文稿更多操作」中选择「下载 Markdown 原稿」与「导出排版后的 HTML」。",[206,226,227],{},"需要粘贴时，点「复制富文本」，粘入目标编辑器后再次预览，重点核对表格、超链接和图片。",[10,229,230],{},"也可通过「打开 .md」读取已有 UTF-8 文件，单个文件最大 1 MiB。已有正文时需确认替换，先备份再打开另一份稿件。",[25,232,233],{"id":233},"下载后重新打开核验",[10,235,236,237,239,240,243],{},"用文本编辑器打开 ",[20,238,22],{},"，检查中文、表格分隔线与图片 URL 是否完整。用浏览器打开 ",[20,241,242],{},".html","，检查标题、段落顺序、两行表格和图片；不要只看下载成功提示。",[10,245,246],{},"普通图片链接不会自动变成内嵌图片，HTML 也不会附带图片文件夹。即使当前预览可见，换设备、断网或图片服务器限制外链后仍可能无法显示。需要长期留存时，应另外保存自己有权保留的图片，并按目标系统的要求重新上传或管理引用。",[10,248,249,250,252],{},"如果文中使用 Mermaid 代码块，工具会将成功渲染的图表作为内嵌 PNG 用于预览、富文本和 HTML；",[20,251,22],{}," 保留图表代码。每篇最多渲染 12 张图表、每张最多 20,000 字符。语法错误时修正代码再导出，目标平台仍可能过滤内嵌图片。",[10,254,255],{},"本页没有直接导出 PDF 按钮。若用浏览器打印另存 PDF，应单独核对分页、页边距、中文表格和图片，不能把 HTML 预览正常等同于 PDF 版式通过。",[25,257,258],{"id":258},"图片上传与失败处理",[10,260,261,262,265],{},"已有图片 URL 时不必配置上传。若需要粘贴截图或拖入本地图片，先展开「图片上传设置」，填写可信服务的接口地址、文件字段名、返回 URL 路径及必要请求头。接口需接受 ",[20,263,264],{},"POST multipart\u002Fform-data","，并在 JSON 响应的指定路径返回可用图片地址；这些值要按自己的服务约定填写。",[10,267,268],{},"未配置接口时，粘贴图片会提示配置，不会凭空产生托管链接。上传失败时检查接口响应、跨域设置与 URL 路径；不要把鉴权信息填入不可信地址。配置保存在当前标签页会话中，鉴权请求头会随图片发给该服务。Markdown 原稿不会随图片上传，但预览外链图片会请求图片网站。",[10,270,271,272,274],{},"文稿名称和正文会保存到浏览器本地，编辑区下方显示状态。保存失败时立即下载 ",[20,273,22],{},"；清除浏览器数据后无法靠本站找回草稿。撤销历史只在当前页面有效，替换全文后未完成的旧图片上传不会插入新文稿。",[10,276,277,278,282],{},"若照片太大，可先用",[14,279,281],{"href":280},"\u002Ftools\u002Fimage\u002Fcompress","图片压缩","下载较小的图片，再手动上传到自己的图片服务。本页不会自动替你发布到公众号或其他平台。",[25,284,285],{"id":285},"常见问题",[287,288,290],"h3",{"id":289},"下载-html-会把外链图片一起打包吗","下载 HTML 会把外链图片一起打包吗？",[10,292,293],{},"不会。普通外链图片仍通过原地址加载，下载 HTML 不等于保存图片副本；离线或图片地址失效时可能无法显示。Mermaid 图表生成的内嵌 PNG 与普通外链图片不同。",[287,295,297],{"id":296},"这个编辑器能直接导出-pdf-吗","这个编辑器能直接导出 PDF 吗？",[10,299,300],{},"本页提供 Markdown、HTML 和富文本输出，没有直接导出 PDF 功能。浏览器打印另存 PDF 属于浏览器功能，需要另行核对分页、图片和表格。",[287,302,304],{"id":303},"原稿和图片会上传到哪里","原稿和图片会上传到哪里？",[10,306,307],{},"Markdown 原稿在本地编辑，名称和正文保存在浏览器。配置图片上传接口后，粘贴或拖入的图片直接发到指定第三方服务；预览外链图片也会请求图片所在网站。",[309,310,311],"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);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":99,"searchDepth":112,"depth":112,"links":313},[314,315,316,317,318],{"id":27,"depth":112,"text":27},{"id":89,"depth":112,"text":89},{"id":233,"depth":112,"text":233},{"id":258,"depth":112,"text":258},{"id":285,"depth":112,"text":285,"children":319},[320,321,322],{"id":289,"depth":119,"text":290},{"id":296,"depth":119,"text":297},{"id":303,"depth":119,"text":304},"document","用中文正文和表格演示 Markdown 排版、图片链接、原稿备份与 HTML 导出，说明可选图片上传、目标平台样式过滤及图片离线显示的边界。","md",[327,328,329],{"q":290,"a":293},{"q":297,"a":300},{"q":304,"a":307},{},"\u002Fguides\u002Fmarkdown-export-with-images",null,{"title":5,"description":324},"guides\u002Fmarkdown-export-with-images",[336],"document\u002Fmarkdown-rich-text","2026-10-20","aMwWKIwtZy2JaB4sYg-qneqI9Kl8Ugb1UlOodd8aqV0",[340,347,354,362,370,375,382,389,391,400,406,412,418,425,431,437],{"path":341,"title":342,"description":343,"category":344,"toolSlugs":345,"updated":337},"\u002Fguides\u002Fbatch-audio-convert-and-retry","批量音频转换：取消后保留结果、续转与 ZIP 下载","从两段短录音演示 MP3 批量转换与 ZIP 核验，说明逐项失败、取消续转、修改参数清空结果、同名处理及本地引擎的文件大小限制。","audio-video",[346],"audio-video\u002Faudio-convert",{"path":348,"title":349,"description":350,"category":351,"toolSlugs":352,"updated":337},"\u002Fguides\u002Fbatch-watermark-images","批量给图片加水印防搬运：文字水印与 Logo 水印实操","批量给图片加文字或 Logo 水印：九宫格位置与平铺铺满怎么选、透明度旋转怎么调才既防搬运又不毁图，水印大小随图片宽度等比缩放的原理与批量导出步骤。","image",[353],"image\u002Fwatermark",{"path":355,"title":356,"description":357,"category":351,"toolSlugs":358,"updated":361},"\u002Fguides\u002Fcompress-image-to-200kb","图片压到 200KB 以内的三种方法：按质量压、按目标体积压、转格式","上传证件、填报名表总卡在体积限制？三种思路把图片压到 200KB 以内：按质量逐档试、直接指定目标体积自动逼近、换 WebP\u002FJPG 格式再压，附批量操作与画质权衡建议。",[359,360],"image\u002Fcompress","image\u002Fconvert","2026-10-22",{"path":363,"title":364,"description":365,"category":351,"toolSlugs":366,"updated":361},"\u002Fguides\u002Fextract-text-from-image-local-ocr","图片转文字：本地 OCR 的旋转、裁剪与校对方法","从中英文截图或扫描图片提取纯文本，说明本地 OCR 的输入限制、实际预览、模型下载、文字编辑、取消、缓存和 TXT 保存步骤。",[367,368,369],"image\u002Focr","document\u002Fpdf-to-image","document\u002Ftext-count",{"path":371,"title":372,"description":373,"category":351,"toolSlugs":374,"updated":361},"\u002Fguides\u002Fheic-to-jpg-local","HEIC 转 JPG 或 PNG：批量转换与下载步骤","在图片格式转换中选择 HEIC \u002F HEIF 模式，本地输出 JPG 或 PNG，核对预览并下载 ZIP。说明模式切换、文件限制、Live Photo 和失败重试边界。",[360,359],{"path":376,"title":377,"description":378,"category":379,"toolSlugs":380,"updated":337},"\u002Fguides\u002Fjson-format-and-number-precision","JSON 格式化与大整数精度：源代码和树视图怎么看","用大整数、指数数值和重复键样例演示 JSON 校验、格式化、压缩与错误定位，说明文本保真和树视图解析的区别，以及原稿备份和长度限制。","developer",[381],"developer\u002Fjson-format",{"path":383,"title":384,"description":385,"category":379,"toolSlugs":386,"updated":388},"\u002Fguides\u002Fmake-qrcode-wifi-logo","二维码怎么做：网址码、WiFi 码、带中心 Logo 的定制码","三种最常见的二维码制作：网页链接码、连 WiFi 免输密码的 WiFi 码、带中心 Logo 的品牌码；配色与容错等级怎么配才既好看又扫得出，PNG\u002FSVG 导出与反向解析一次讲清。",[387],"developer\u002Fqrcode","2026-10-19",{"path":331,"title":5,"description":324,"category":323,"toolSlugs":390,"updated":337},[336],{"path":392,"title":393,"description":394,"category":395,"toolSlugs":396,"updated":399},"\u002Fguides\u002Fmd5-vs-sha256-file-checksum","MD5 和 SHA-256 怎么选：文件校验入门","下载文件怕被篡改、传完文件怕损坏？讲清 MD5 与 SHA-256 的差异与各自适用场景，文本与文件摘要怎么算、校验值怎么比对，以及分块流式处理大文件的实操步骤。","general",[397,398],"developer\u002Fmd5","security\u002Ffile-hash","2026-10-16",{"path":401,"title":402,"description":403,"category":323,"toolSlugs":404,"updated":361},"\u002Fguides\u002Fmerge-split-pdf-scanned-docs","PDF 合并与拆分实操：把零散扫描件整理成一份干净文件","扫描件东一页西一页？手把手把多个 PDF 合并成一份、按页码范围拆分提取、删掉空白页与误扫页再导出，全程浏览器本地处理，合同与证件扫描件不出本机。",[405],"document\u002Fpdf-process",{"path":407,"title":408,"description":409,"category":323,"toolSlugs":410,"updated":399},"\u002Fguides\u002Fprint-copybook-tianzige","田字格字帖打印指南：从生字表到 A4 成品","在家给孩子打印练字帖：田字格\u002F米字格\u002F回宫格怎么选、拼音标注与描红模式怎么配、内容输什么（生字、姓名、古诗），A4 版式直接打印或另存 PDF 的完整流程。",[411],"document\u002Fcopybook",{"path":413,"title":414,"description":415,"category":351,"toolSlugs":416,"updated":399},"\u002Fguides\u002Fremove-exif-location-before-sharing","发照片前先清 EXIF：你的位置信息可能就藏在原图里","手机原图自带拍摄时间、机型、GPS 坐标等 EXIF 元数据。讲清哪些信息会泄露、哪些平台会清除哪些不会，以及发图前用浏览器本地工具一键查看并清除 EXIF 的完整步骤。",[417],"image\u002Fexif",{"path":419,"title":420,"description":421,"category":351,"toolSlugs":422,"updated":337},"\u002Fguides\u002Fresize-crop-image-for-platforms","一张图适配所有平台：改尺寸与裁剪比例速查","头图要 16:9、头像要 1:1？分清「改尺寸」与「裁剪」：等比缩放保持比例，按比例裁剪确定构图，附常见图片比例与批量处理流程，具体像素和格式以接收平台要求为准。",[423,424],"image\u002Fresize","image\u002Fcrop",{"path":426,"title":427,"description":428,"category":351,"toolSlugs":429,"updated":337},"\u002Fguides\u002Fstitch-images-to-long-image","多张截图拼成长图：顺序、统一尺寸与间距设置","用本地图片拼接工具横向或纵向合并截图，设置统一宽高、顺序、底色和输出格式。用具体尺寸示例解释长图大小，以及重复截图和超限的处理方式。",[430,424,359],"image\u002Fstitch",{"path":432,"title":433,"description":434,"category":344,"toolSlugs":435,"updated":399},"\u002Fguides\u002Ftrim-video-lossless-vs-reencode","视频怎么裁出一段：无损截取与重编码怎么选","只想留视频里 30 秒精华？对比无损快速与精确重编码裁剪，说明关键帧偏移、0.1 秒范围选择、引擎文件上限及输出编码的区别，附预览和下载步骤。",[436],"audio-video\u002Fvideo-trim",{"path":438,"title":439,"description":440,"category":379,"toolSlugs":441,"updated":388},"\u002Fguides\u002Fwhat-is-unix-timestamp","Unix 时间戳是什么：秒与毫秒怎么区分、怎么换算","讲清 Unix 时间戳的秒与毫秒单位、自动识别的适用范围、时区差异和负数边界，附常见排查场景与手动指定单位的在线换算步骤。",[442],"developer\u002Ftimestamp",1792763309754]