[{"data":1,"prerenderedAt":364},["ShallowReactive",2],{"article-markdown-vs-html":3},{"id":4,"title":5,"body":6,"cover":325,"date":326,"description":327,"draft":328,"extension":329,"faq":330,"featured":328,"meta":343,"navigation":344,"path":345,"readingTime":346,"seo":347,"seoKeywords":348,"stem":356,"summary":357,"tags":358,"type":361,"updated":362,"video":362,"__hash__":363},"articles\u002Farticles\u002Fmarkdown-vs-html.md","Markdown 已死？先别慌，自媒体又在夸大了",{"type":7,"value":8,"toc":314},"minimark",[9,16,21,24,27,30,33,36,39,42,45,51,58,62,65,71,74,82,85,91,97,100,103,108,111,115,118,123,130,133,138,141,146,160,165,168,171,176,179,192,198,203,207,210,236,239,253,258,261,264,268,271,274,284,290,293,296,300,303,306,311],[10,11,12],"blockquote",{},[13,14,15],"p",{},"HTML 是给人看的，Markdown 是和 AI 说话的。两者服务的对象不同，根本不存在谁取代谁。",[17,18,20],"h2",{"id":19},"又一个已死标题","又一个「已死」标题",[13,22,23],{},"上周，一个帖子炸了。",[13,25,26],{},"Anthropic 工程师 Thariq 写了一篇长文，大意是：他已经完全改用 HTML 作为 AI 的输出格式，Markdown 又长又难读，超过 100 行他基本就不看了。",[13,28,29],{},"随后自媒体蜂拥而至，标题一个比一个猛：",[13,31,32],{},"「Markdown，当死。」",[13,34,35],{},"「卡帕西也站队了，HTML 要取代 Markdown？」",[13,37,38],{},"「你刚学会用 MD，它又要死了？」",[13,40,41],{},"然后我看到身边很多人开始焦虑——",[13,43,44],{},"又要学新东西了？之前花时间搭的 Markdown 工作流是不是白费了？",[13,46,47],{},[48,49,50],"strong",{},"先冷静。这件事被严重夸大了。",[13,52,53],{},[54,55],"img",{"alt":56,"src":57},"Thariq 的帖子截图","\u002Fa\u002Fmarkdown-vs-html\u002Fthariq-post.webp",[17,59,61],{"id":60},"thariq-说的其实是对的但说的是另一件事","Thariq 说的其实是对的，但说的是另一件事",[13,63,64],{},"Thariq 的观察我完全认同，而且我们团队内部也在印证这件事。",[13,66,67,68],{},"他说的是：",[48,69,70],{},"当 AI 输出一份供人阅读的文档时，HTML 比 Markdown 好得多。",[13,72,73],{},"这句话是对的。",[13,75,76,77,81],{},"超过 100 行的 Markdown？老实说，我自己也没怎么认真看过。Claude Code 吭哧吭哧生成的 ",[78,79,80],"code",{},"plan.md","，我基本瞟一眼就发\"开工\"了。",[13,83,84],{},"但 HTML 不一样——AI 可以把同样的信息做成带标签页、可折叠区块、甚至响应式布局的页面。视觉层次清晰，打开浏览器就能看，甩给同事一个链接，零门槛。",[13,86,87,88],{},"这个优势是真实的。对于需要示意、解释、说服别人的内容，",[48,89,90],{},"一个可以\"玩\"起来的文档，比一堆 ASCII 代码块强太多了。",[13,92,93,94],{},"所以 Thariq 说的是：",[48,95,96],{},"让 AI 输出 HTML，给人看。",[13,98,99],{},"他没说的是：用 HTML 和 AI 对话。",[13,101,102],{},"这两件事，完全不同。",[13,104,105],{},[48,106,107],{},"但反直觉的是——恰恰是 AI 能力越来越强，Markdown 反而变得更不可替代了。",[13,109,110],{},"因为 AI 越强，你和它沟通的频次越高，你给它的上下文越多，那个\"中间沟通层\"就越关键。而那个层，Markdown 才是王者。",[17,112,114],{"id":113},"但markdown-已死是彻底的夸大","但「Markdown 已死」是彻底的夸大",[13,116,117],{},"自媒体把这件事扭曲成了「HTML 要全面取代 Markdown」，这就荒谬了。",[13,119,120],{},[48,121,122],{},"Markdown 为什么不会死？因为它是和 AI 沟通的语言，不是给人读的格式。",[13,124,125,126,129],{},"反直觉的地方在这里：大家以为 HTML 更\"现代\"，Markdown 更\"原始\"，所以 HTML 应该赢。但判断一个格式该不该用，不是看谁更好看，而是看",[48,127,128],{},"谁在用它、用来做什么","。",[13,131,132],{},"四个理由：",[13,134,135],{},[48,136,137],{},"1. AI 就是在 Markdown 上训练出来的",[13,139,140],{},"互联网上大量的技术文档、GitHub README、Stack Overflow 回答，都是 Markdown 格式。语言模型吃的就是这些。Markdown 的结构——标题层级、列表、代码块——AI 天然就懂，对它的理解比任何格式都精准。",[13,142,143],{},[48,144,145],{},"2. 和 AI 说话，你要的是干净，不是花哨",[13,147,148,149,152,153,152,156,159],{},"当你给 AI 一段上下文、一份规格文档、一个任务描述，你要的是让它尽快理解，没有噪音。HTML 里充满了 ",[78,150,151],{},"\u003Cdiv>","、",[78,154,155],{},"\u003Cspan>",[78,157,158],{},"class"," 属性——这些对 AI 来说都是要处理的冗余信息。Markdown 的纯文本信息更干净，AI 读得更快、理解更准。",[13,161,162],{},[48,163,164],{},"3. Token 是真实成本",[13,166,167],{},"据实测，相同内容，HTML 消耗的 token 约是 Markdown 的 2-8 倍。有人算过账：同样规模的项目，从 Markdown 切换到全链路 HTML，一年多花将近一倍的 API 费用。",[13,169,170],{},"如果 HTML 只是最终呈现层，这个成本是值得的。但如果整个 AI 工作流的中间环节都在传递 HTML，那是在把大量钱烧在标签上。",[13,172,173],{},[48,174,175],{},"4. AI 工作流是有层次的",[13,177,178],{},"一个完整的 AI 协作链路通常是：",[180,181,182,186,189],"ul",{},[183,184,185],"li",{},"你用 Markdown 给 AI 写指令和上下文",[183,187,188],{},"AI 用代码或 Markdown 完成中间步骤",[183,190,191],{},"最终输出物：展示给人看的部分用 HTML",[13,193,194,197],{},[48,195,196],{},"中间态给 AI，终态给人。"," 这才是正确的分工。",[10,199,200],{},[13,201,202],{},"HTML 是给人看的展示载体，Markdown 是和 AI 沟通的工作语言。两者服务的对象根本不同，就像你不会因为 PPT 好看就把所有工作邮件都写成 PPT 格式。",[17,204,206],{"id":205},"什么时候该让-ai-输出-html","什么时候该让 AI 输出 HTML？",[13,208,209],{},"具体说，以下这些场景用 HTML 是对的：",[180,211,212,218,224,230],{},[183,213,214,217],{},[48,215,216],{},"方案对比页","：几个方向并排展示，带标注和权衡分析",[183,219,220,223],{},[48,221,222],{},"代码审查说明","：带颜色 diff、模块依赖图、行内批注",[183,225,226,229],{},[48,227,228],{},"数据报告","：SVG 图表、交互式数据探索",[183,231,232,235],{},[48,233,234],{},"一次性编辑器","：拖拽看板、参数调试器、Prompt 预览——用完即抛",[13,237,238],{},"以下这些场景，继续用 Markdown：",[180,240,241,244,247,250],{},[183,242,243],{},"给 AI 写任务描述和上下文",[183,245,246],{},"项目的规格文档（AI 需要频繁读取和更新的）",[183,248,249],{},"代码注释和 README",[183,251,252],{},"任何 AI 需要「消费」而不是「展示」的内容",[13,254,255],{},[48,256,257],{},"原则很简单：这份内容的最终消费者是人还是 AI？",[13,259,260],{},"是人 → HTML。",[13,262,263],{},"是 AI → Markdown。",[17,265,267],{"id":266},"生成了-html怎么分享","生成了 HTML，怎么分享？",[13,269,270],{},"有一个真实的痛点：AI 给你生成了一份漂亮的 HTML 文档，但你怎么发给同事看？",[13,272,273],{},"发源码？对方看到的是一堆标签。发附件？对方还要找工具打开。上传到服务器？需要账号和配置，不是人人都搞得定。",[13,275,276,277,129],{},"我最近在用的解法是 ",[278,279,283],"a",{"href":280,"rel":281},"https:\u002F\u002Fmetool.online\u002Fzh\u002Fdev\u002FhtmlShare\u002F",[282],"nofollow","MeTool 的 HTML 分享工具",[13,285,286],{},[54,287],{"alt":288,"src":289},"MeTool AI HTML 预览分享工具","\u002Fa\u002Fmarkdown-vs-html\u002Fhtml-preview.png",[13,291,292],{},"把 AI 生成的 HTML 粘进去，点一下，生成一个可以直接发给任何人的链接，对方用手机浏览器打开就能看到完整渲染效果。短内容直接编码进 URL，完全不经过服务器；链接 7 天有效，到期自动失效。",[13,294,295],{},"从 AI 生成到对方看到，整个流程 30 秒。",[17,297,299],{"id":298},"所以-markdown-将会活得好好的","所以 Markdown 将会活得好好的！",[13,301,302],{},"Thariq 的观察是真实的，局部也是对的。但「Markdown 已死」这个结论，是自媒体加的。",[13,304,305],{},"AI 时代信息更新快，焦虑是正常的。但在被标题带节奏之前，多问一句：",[13,307,308],{},[48,309,310],{},"这个观点，说的是全部情况，还是某一个具体场景？",[13,312,313],{},"想清楚这一点，你就不会再为「Markdown 已死」慌神了。",{"title":315,"searchDepth":316,"depth":316,"links":317},"",3,[318,320,321,322,323,324],{"id":19,"depth":319,"text":20},2,{"id":60,"depth":319,"text":61},{"id":113,"depth":319,"text":114},{"id":205,"depth":319,"text":206},{"id":266,"depth":319,"text":267},{"id":298,"depth":319,"text":299},"\u002Fa\u002Fmarkdown-vs-html\u002Fcover.png","2026-05-14","Anthropic 工程师力推 HTML 输出，但「Markdown 已死」是夸大其词。HTML 是给人看的，Markdown 是和 AI 说话的，两者根本不是一回事。",false,"md",[331,334,337,340],{"q":332,"a":333},"Anthropic 工程师为什么推荐 HTML 而不是 Markdown？","Thariq 的核心理由是：超过 100 行的 Markdown 文件几乎没人会认真读完，而 HTML 可以用 CSS 排版、SVG 画图、JavaScript 做交互，信息密度和可读性远超纯文本。他推荐的是「让 AI 输出 HTML 给人看」，而不是「用 HTML 和 AI 对话」。",{"q":335,"a":336},"为什么说 Markdown 更适合和 AI 沟通？","AI 语言模型本身就是在大量 Markdown 格式的文本上训练的，对其结构天然敏感。Markdown 语法简洁，相同信息消耗的 token 更少，也没有 HTML 标签的噪音干扰。与 AI 对话时，Markdown 是最干净、最高效的输入格式。",{"q":338,"a":339},"HTML 输出会消耗更多 token 吗？","是的，据实测，同样内容 HTML 格式消耗的 token 约是 Markdown 的 2-4 倍。如果你把 HTML 用于「展示给人看」的输出，这个成本是值得的；但如果在整个 AI 工作流的中间环节都用 HTML 传递信息，就会造成大量不必要的 token 浪费。",{"q":341,"a":342},"什么时候该让 AI 输出 HTML，什么时候用 Markdown？","简单原则：如果这份内容是「展示给人看的终态」——报告、方案对比、代码审查说明——就用 HTML；如果是「与 AI 继续沟通的中间态」——指令、上下文、规格文档——就用 Markdown。终态给人，中间态给 AI。",{},true,"\u002Farticles\u002Fmarkdown-vs-html",8,{"title":5,"description":327},[349,350,351,352,353,354,355],"Markdown HTML AI输出","AI输出格式","HTML替代Markdown","Claude HTML输出","AI token消耗","vibe coding格式","AI沟通技巧","articles\u002Fmarkdown-vs-html","HTML 适合人类浏览和交互，Markdown 适合与 AI 沟通——两者服务的对象不同，根本不存在谁取代谁的问题。别被「Markdown 已死」的标题带节奏。",[359,360],"AI 洞察","AI 应用","article",null,"g_TUEKdqyPBMT6-RG1GBrdcwcnrbF3L75Gy4vXauSeM",1778769020130]