[{"data":1,"prerenderedAt":29},["ShallowReactive",2],{"i-lucide:grip":3,"i-lucide:chevron-right":8,"i-lucide:moon":10,"i-lucide:sun":12,"i-lucide:languages":14,"i-lucide:chevron-down":16,"i-lucide:shield-check":18,"i-lucide:mail":20,"blog-body-ai-markdown-to-xiaohongshu-cards-en":22,"i-lucide:lightbulb":23,"i-lucide:file-text":25,"i-lucide:pen-tool":27},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"5\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"12\" r=\"1\"\u002F>\u003Ccircle cx=\"12\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"19\" cy=\"19\" r=\"1\"\u002F>\u003Ccircle cx=\"5\" cy=\"19\" r=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 8l6 6m-7 0l6-6l2-3M2 5h12M7 2h1m14 20l-5-10l-5 10m2-4h6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\u002F>\u003Cpath d=\"m9 12l2 2l4-4\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>","\u003Cblockquote>\n\u003Cp>A finished SOP, tutorial, or recap does not need to be written again. It needs to be \u003Cstrong>compressed into knowledge cards that each say one thing\u003C\u002Fstrong>. AI speeds grouping and compression; you check density, jargon, and whether it can go public — do not let the model finish the whole layout in chat.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fai-markdown-to-xiaohongshu-cards\u002Fcover.webp\" alt=\"Core argument illustration\">\u003C\u002Fp>\n\u003Ch2>Why does a document still need a second version for Xiaohongshu?\u003C\u002Fh2>\n\u003Cp>Because a document’s reader \u003Cstrong>opens an attachment and scrolls\u003C\u002Fstrong>. A Xiaohongshu reader \u003Cstrong>stops for three seconds in a feed\u003C\u002Fstrong>. The same “five steps for day one” can be a numbered list with links in Notion; on a card, each step must stand alone, and one card should not also hold background, exceptions, and a contact person.\u003C\u002Fp>\n\u003Cp>A common office failure is pasting the whole Markdown into a design tool and boxing text by hand. The content is already structured — headings, lists, bold — and still treated as “no design file.” The other failure is letting AI emit images directly: the step order is right, but one card crams four steps, or an internal acronym stays on a public card.\u003C\u002Fp>\n\u003Cp>So the problem is one sentence: \u003Cstrong>explainer documents need grouping and compression, not a rewrite.\u003C\u002Fstrong> How creative long notes split on \u003Ccode>##\u003C\u002Fcode> is in \u003Ca href=\"\u002Fblog\u002Fp\u002Fai-xiaohongshu-cards-from-notes\u002F\">Long notes into Xiaohongshu cards\u003C\u002Fa>. This article only covers “the document already exists; it just has to become postable cards.”\u003C\u002Fp>\n\u003Ch2>Which ratio should a knowledge card use?\u003C\u002Fh2>\n\u003Cp>Steps and tutorials use \u003Cstrong>3:5 vertical\u003C\u002Fstrong>. Lists and takeaways use \u003Cstrong>1:1 square\u003C\u002Fstrong>. Do not mix both ratios in one draft and decide later. 3:5 holds a title plus four to six short lines — “step one… step two…”. 1:1 is lower density: covers, comparison tables, one-line conclusions.\u003C\u002Fp>\n\u003Cp>Before you pick a ratio, label each block as one kind of card:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>This block in the doc\u003C\u002Fth>\n\u003Cth>Card type\u003C\u002Fth>\n\u003Cth>How to write it\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Procedures, install flows\u003C\u002Ftd>\n\u003Ctd>3:5, 1–2 steps per card\u003C\u002Ftd>\n\u003Ctd>One \u003Ccode>#\u003C\u002Fcode> or \u003Ccode>##\u003C\u002Fcode> per major step; ordered lists\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Checklists, pros\u002Fcons\u003C\u002Ftd>\n\u003Ctd>1:1\u003C\u002Ftd>\n\u003Ctd>Short title + bullets, at most seven items\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Definitions, how-it-works\u003C\u002Ftd>\n\u003Ctd>3:5\u003C\u002Ftd>\n\u003Ctd>One plain-language title, three lines, no background dump\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Cover \u002F conclusion\u003C\u002Ftd>\n\u003Ctd>1:1\u003C\u002Ftd>\n\u003Ctd>Title and one takeaway, no list\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>You can still break pages with \u003Ccode>---\u003C\u002Fcode>. Unlike long-note slicing, headings here are already short. \u003Cstrong>The risk is a card stuffed with “also, by the way.”\u003C\u002Fstrong> If type hits the edge in the preview, delete the exception first — do not shrink the font. Exceptions go on the next card, or stay in the original doc and never get posted.\u003C\u002Fp>\n\u003Cp>Bold only the words a reader must remember. Code and deep links barely work on a card; rewrite them as action sentences like “open this setting.”\u003C\u002Fp>\n\u003Ch2>How do I let AI lay out this docs-to-cards page?\u003C\u002Fh2>\n\u003Cp>Put the document on a converter with a live preview and let your current assistant edit the Markdown on that page — not a set of images in chat that you cannot fix one at a time. Open \u003Ca href=\"\u002Fdocs\u002FmdToXiaohongshu\u002F\">Markdown to Xiaohongshu\u003C\u002Fa>, paste the document, turn on Connect your AI, keep the tab open.\u003C\u002Fp>\n\u003Cp>One round can look like this — the assistant speeds compression; you watch whether each card stands:\u003C\u002Fp>\n\u003Cp>\u003Cstrong>You:\u003C\u002Fstrong>\u003Cbr>\nThis is an onboarding SOP. Split it into cards, at most two steps each. Reword jargon so it makes sense outside the company. Keep exception notes off the cards.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Assistant:\u003C\u002Fstrong>\u003Cbr>\nWritten to the current page. Three cards now: what to bring, how accounts get opened, first-week checklist. Check the preview for type hitting the edge — if one is still cramped, name the number and I will only change that card.\u003C\u002Fp>\n\u003Cp>Do not imagine the layout — chat on the left, an arrow to the tool page on the right, cards already updated from that instruction:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fai-markdown-to-xiaohongshu-cards\u002F02-ai-flow.en.webp\" alt=\"Chat on the left, MeTool knowledge-card page on the right showing the split cards\">\u003C\u002Fp>\n\u003Cp>If one card crams four steps, do not regenerate the set. Say “card 2 should keep only the three account-setup steps.” Ratio (3:5 \u002F 1:1) can wait. Cowriting here means: speed on the AI, judgment on the preview. Concept: \u003Ca href=\"\u002Fblog\u002Fp\u002Fhuman-ai-cowriting\u002F\">What is human–AI cowriting?\u003C\u002Fa>. Setup: \u003Ca href=\"\u002Fblog\u002Fp\u002Fconnect-ai-to-online-tools\u002F\">How do I let my current AI operate a web tool?\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>This page also uses \u003Ccode>main.md\u003C\u002Fcode> as the source. You can also say:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>“Make the cover a 1:1 one-line takeaway; keep later steps at 3:5.”\u003C\u002Fli>\n\u003Cli>“Delete the exceptions in section 3. They should not appear on a card.”\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Before download, have the assistant ask: zip everything, or export one PNG. Files save through the browser, not as chat attachments. Internal processes, names, and links still need a human pass before export — the model will not classify information for you.\u003C\u002Fp>\n\u003Ch2>Which documents should not become knowledge cards?\u003C\u002Fh2>\n\u003Cp>Documents that \u003Cstrong>cannot be executed without context, or cannot legally go public\u003C\u002Fstrong>, should not become cards. A card cuts “the definition in the last section” and “the table in the attachment.” Only fragments that already read on their own belong here.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Material\u003C\u002Fth>\n\u003Cth>Suggestion\u003C\u002Fth>\n\u003Cth>Why\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Public tutorials, FAQs, open SOPs\u003C\u002Ftd>\n\u003Ctd>Make cards\u003C\u002Ftd>\n\u003Ctd>Each step is understandable alone\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Internal flows with access rules\u003C\u002Ftd>\n\u003Ctd>Redact first, then consider\u003C\u002Ftd>\n\u003Ctd>Card screenshots forward easily\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Ops that need a table, a large figure, or code\u003C\u002Ftd>\n\u003Ctd>Keep the document\u003C\u002Ftd>\n\u003Ctd>A card cannot hold checkable detail\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Drafts still under discussion\u003C\u002Ftd>\n\u003Ctd>Do not post\u003C\u002Ftd>\n\u003Ctd>Cards spread fast and are hard to retract\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>A long article in a new skin\u003C\u002Ftd>\n\u003Ctd>Use the long-note slicing path\u003C\u002Ftd>\n\u003Ctd>The structure problem is different\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>One connection serves the current tab. After you close the page, “keep editing that document” has no destination. Cards are for spreading \u003Cstrong>already-final explainers\u003C\u002Fstrong>, not for being the only knowledge base — full exceptions, links, and version history should stay in the original Markdown.\u003C\u002Fp>\n\u003Ch2>Wrap-up\u003C\u002Fh2>\n\u003Cp>Office docs to Xiaohongshu is compression: one idea per card, 3:5 for steps, 1:1 for lists. Put existing Markdown on a preview page, let AI edit the same source faster, and you check density, jargon, and whether it can go public. Do not let a one-shot image dump in chat own the layout. When you need heading-based slices of a long note, switch to \u003Ca href=\"\u002Fblog\u002Fp\u002Fai-xiaohongshu-cards-from-notes\u002F\">slicing notes into cards\u003C\u002Fa> — do not force one instruction onto both kinds of draft.\u003C\u002Fp>\n",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":24},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 14c.2-1 .7-1.7 1.5-2.5c1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5c.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":26},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":28},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\"\u002F>\u003Cpath d=\"m18 13l-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18M2.3 2.3l7.286 7.286\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"2\"\u002F>\u003C\u002Fg>",1788171087393]