[{"data":1,"prerenderedAt":2706},["ShallowReactive",2],{"blog-post:en:\u002Fen\u002Fblog\u002Fmarkdown-blockquotes-nesting-callouts":3},{"id":4,"title":5,"author":6,"body":7,"category":2679,"date":2680,"description":2681,"extension":2682,"image":2683,"imageAlt":2684,"meta":2685,"navigation":2686,"path":2687,"seo":2688,"stem":2689,"tags":2690,"translationKey":2691,"updatedAt":2680,"__hash__":2692,"html":2693,"bodyMarkdown":2694,"translations":2695,"previous":2701,"next":2690},"blog\u002Fen\u002Fblog\u002F11.markdown-blockquotes-nesting-callouts.md","Markdown Blockquotes: Syntax, Nesting, and Callouts","Antoine Frankart",{"type":8,"value":9,"toc":2626},"minimark",[10,14,22,25,28,41,46,52,68,71,77,88,94,99,105,127,129,134,140,155,161,165,168,189,192,196,199,219,221,229,235,238,268,271,275,278,281,300,302,310,313,332,335,353,356,359,362,366,372,400,402,415,418,438,441,460,463,467,480,484,503,505,527,534,538,541,570,572,590,594,597,606,612,653,655,691,697,701,704,719,722,737,740,748,755,758,777,779,787,793,797,800,887,890,905,913,916,930,937,939,954,962,965,980,988,991,1006,1014,1020,1034,1038,1041,1139,1142,1149,1153,1156,1171,1173,1180,1187,1216,1218,1225,1232,1235,1238,1253,1255,1276,1279,1282,1304,1306,1318,1322,1327,1331,1375,1377,1398,1402,1436,1438,1474,1478,1511,1513,1536,1540,1543,1581,1583,1612,1615,1619,1622,1650,1652,1666,1669,1702,1704,1719,1722,1725,1749,1751,1763,1769,1773,1776,1819,1822,1853,1857,1860,1864,1887,1890,1894,1911,1914,1918,1921,1924,1932,1936,1939,1942,1965,1968,1971,1985,1988,1992,1999,2002,2017,2023,2027,2032,2049,2053,2059,2074,2077,2081,2084,2102,2105,2119,2123,2126,2135,2138,2147,2155,2161,2165,2179,2183,2186,2190,2198,2229,2233,2562,2565,2575,2592,2610,2615,2622],[11,12,13],"p",{},"Markdown blockquotes let you isolate someone's words, an excerpt from a book, or a passage from another source. They can contain a single sentence, several paragraphs, or even lists and code blocks.",[11,15,16,17,21],{},"GitHub, Obsidian, and Fude also use blockquotes to display callouts: boxes that identify a note, tip, important detail, or warning. Both elements rely on the ",[18,19,20],"code",{},">"," symbol, but they serve different purposes. A blockquote reproduces content from a source; a callout draws attention to information in your own document.",[11,23,24],{},"In this guide, I will first explain how to create a blockquote, extend it across several lines, attribute its source, and nest it. We will then create a callout and choose among the five most portable types. Once both forms are familiar, we can decide which one to use before moving on to custom titles, rich content, and the differences between GitHub, Obsidian, and Fude.",[11,26,27],{},"In this article, “blockquote” means the Markdown container used for quoted passages. It does not refer to bibliographies, footnotes, or academic citation styles.",[11,29,30,31,34,35,40],{},"If ",[18,32,33],{},".md"," files are still new to you, start with my guide ",[36,37,39],"a",{"href":38},"\u002Fen\u002Fblog\u002Fwhat-is-markdown-file-how-to-open\u002F","What Is a Markdown File (.md) and How Do You Open It?",".",[42,43,45],"h2",{"id":44},"_1-create-a-simple-markdown-blockquote","1. Create a simple Markdown blockquote",[11,47,48,49,51],{},"Place a ",[18,50,20],{}," symbol and a space at the beginning of the line:",[53,54,59],"pre",{"className":55,"code":56,"language":57,"meta":58,"style":58},"language-markdown shiki shiki-themes github-light github-dark","> Good documentation answers the question before it is asked.\n","markdown","",[18,60,61],{"__ignoreMap":58},[62,63,66],"span",{"class":64,"line":65},"line",1,[62,67,56],{},[11,69,70],{},"Rendered:",[72,73,74],"blockquote",{},[11,75,76],{},"Good documentation answers the question before it is asked.",[11,78,79,80,83,84,87],{},"The space after the symbol is recommended. Some parsers also understand ",[18,81,82],{},">A quotation",", but ",[18,85,86],{},"> A quotation"," remains more readable and portable.",[11,89,90,91,93],{},"The ",[18,92,20],{}," symbol is not a decorative quotation mark. It turns the paragraph into a block quote. A Markdown reader can then display it with a border, indentation, a background color, or a combination of these styles.",[95,96,98],"h3",{"id":97},"add-several-lines","Add several lines",[11,100,101,102,104],{},"Prefix each line with ",[18,103,20],{},":",[53,106,108],{"className":55,"code":107,"language":57,"meta":58,"style":58},"> A quotation can continue\n> across several lines in the source\n> and form a single paragraph when rendered.\n",[18,109,110,115,121],{"__ignoreMap":58},[62,111,112],{"class":64,"line":65},[62,113,114],{},"> A quotation can continue\n",[62,116,118],{"class":64,"line":117},2,[62,119,120],{},"> across several lines in the source\n",[62,122,124],{"class":64,"line":123},3,[62,125,126],{},"> and form a single paragraph when rendered.\n",[11,128,70],{},[72,130,131],{},[11,132,133],{},"A quotation can continue\nacross several lines in the source\nand form a single paragraph when rendered.",[11,135,136,137,139],{},"CommonMark sometimes allows a continuation line without the ",[18,138,20],{}," symbol. This form therefore works in many readers:",[53,141,143],{"className":55,"code":142,"language":57,"meta":58,"style":58},"> The first fragment begins the quotation,\nand the second can still belong to it.\n",[18,144,145,150],{"__ignoreMap":58},[62,146,147],{"class":64,"line":65},[62,148,149],{},"> The first fragment begins the quotation,\n",[62,151,152],{"class":64,"line":117},[62,153,154],{},"and the second can still belong to it.\n",[11,156,157,158,160],{},"I do not recommend this implicit form. Adding ",[18,159,20],{}," to every line immediately shows where the quotation begins and ends, especially in a Git diff or an editor without a preview.",[95,162,164],{"id":163},"end-the-blockquote","End the blockquote",[11,166,167],{},"Leave a blank line before returning to normal text:",[53,169,171],{"className":55,"code":170,"language":57,"meta":58,"style":58},"> Here is the quotation.\n\nHere is the next paragraph.\n",[18,172,173,178,184],{"__ignoreMap":58},[62,174,175],{"class":64,"line":65},[62,176,177],{},"> Here is the quotation.\n",[62,179,180],{"class":64,"line":117},[62,181,183],{"emptyLinePlaceholder":182},true,"\n",[62,185,186],{"class":64,"line":123},[62,187,188],{},"Here is the next paragraph.\n",[11,190,191],{},"This separation is not always required by the parser, but it prevents a later edit from accidentally attaching the paragraph to the blockquote.",[42,193,195],{"id":194},"_2-write-several-paragraphs-inside-a-blockquote","2. Write several paragraphs inside a blockquote",[11,197,198],{},"A blockquote can contain several paragraphs. Keep the marker on the blank line that separates them:",[53,200,202],{"className":55,"code":201,"language":57,"meta":58,"style":58},"> The first paragraph introduces the main idea.\n>\n> The second adds a detail or develops the argument.\n",[18,203,204,209,214],{"__ignoreMap":58},[62,205,206],{"class":64,"line":65},[62,207,208],{},"> The first paragraph introduces the main idea.\n",[62,210,211],{"class":64,"line":117},[62,212,213],{},">\n",[62,215,216],{"class":64,"line":123},[62,217,218],{},"> The second adds a detail or develops the argument.\n",[11,220,70],{},[72,222,223,226],{},[11,224,225],{},"The first paragraph introduces the main idea.",[11,227,228],{},"The second adds a detail or develops the argument.",[11,230,231,232,234],{},"A line containing only ",[18,233,20],{}," means: “the blockquote continues, but a new paragraph begins.” It makes the structure more explicit than a completely blank line.",[11,236,237],{},"You can apply the same rule to a longer quotation:",[53,239,241],{"className":55,"code":240,"language":57,"meta":58,"style":58},"> First paragraph.\n>\n> Second paragraph.\n>\n> Third paragraph.\n",[18,242,243,248,252,257,262],{"__ignoreMap":58},[62,244,245],{"class":64,"line":65},[62,246,247],{},"> First paragraph.\n",[62,249,250],{"class":64,"line":117},[62,251,213],{},[62,253,254],{"class":64,"line":123},[62,255,256],{},"> Second paragraph.\n",[62,258,260],{"class":64,"line":259},4,[62,261,213],{},[62,263,265],{"class":64,"line":264},5,[62,266,267],{},"> Third paragraph.\n",[11,269,270],{},"A blockquote is not a good way to indent several pages of text. If you control the document, summarize long passages and keep only the excerpt you need. The file will remain easier to read, with or without rendered output.",[42,272,274],{"id":273},"_3-add-the-author-and-source-of-a-quotation","3. Add the author and source of a quotation",[11,276,277],{},"Markdown has no standard syntax that automatically identifies the author, book, or page of a quotation. You must write the attribution as part of the content.",[11,279,280],{},"The simplest form places the source on a final line:",[53,282,284],{"className":55,"code":283,"language":57,"meta":58,"style":58},"> Reading is a friendship.\n>\n> — Marcel Proust\n",[18,285,286,291,295],{"__ignoreMap":58},[62,287,288],{"class":64,"line":65},[62,289,290],{},"> Reading is a friendship.\n",[62,292,293],{"class":64,"line":117},[62,294,213],{},[62,296,297],{"class":64,"line":123},[62,298,299],{},"> — Marcel Proust\n",[11,301,70],{},[72,303,304,307],{},[11,305,306],{},"Reading is a friendship.",[11,308,309],{},"— Marcel Proust",[11,311,312],{},"You can add a link when the source is available online:",[53,314,316],{"className":55,"code":315,"language":57,"meta":58,"style":58},"> An excerpt quoted in the document.\n>\n> — [Author's name](https:\u002F\u002Fexample.com\u002Fsource), *Title of the source*\n",[18,317,318,323,327],{"__ignoreMap":58},[62,319,320],{"class":64,"line":65},[62,321,322],{},"> An excerpt quoted in the document.\n",[62,324,325],{"class":64,"line":117},[62,326,213],{},[62,328,329],{"class":64,"line":123},[62,330,331],{},"> — [Author's name](https:\u002F\u002Fexample.com\u002Fsource), *Title of the source*\n",[11,333,334],{},"For a more discreet attribution, place it after the block:",[53,336,338],{"className":55,"code":337,"language":57,"meta":58,"style":58},"> An excerpt quoted in the document.\n\n— Author's name, *Title of the source*\n",[18,339,340,344,348],{"__ignoreMap":58},[62,341,342],{"class":64,"line":65},[62,343,322],{},[62,345,346],{"class":64,"line":117},[62,347,183],{"emptyLinePlaceholder":182},[62,349,350],{"class":64,"line":123},[62,351,352],{},"— Author's name, *Title of the source*\n",[11,354,355],{},"Both presentations are valid. An attribution inside the block visually groups the excerpt and its source. An attribution outside the block distinguishes the quoted words more clearly from your own bibliographic information.",[11,357,358],{},"I prefer the second form for a formal quotation because it avoids suggesting that the author's name is part of the original text. For a short epigraph or a highlighted sentence, the first form often looks more elegant.",[11,360,361],{},"In either case, do not rely on formatting to replace a real reference. If the origin matters, provide enough information to find it again: author, title, link, date, or page number, depending on the context.",[42,363,365],{"id":364},"_4-nest-blockquotes","4. Nest blockquotes",[11,367,368,369,371],{},"Add a second ",[18,370,20],{}," symbol to create a blockquote inside the first:",[53,373,375],{"className":55,"code":374,"language":57,"meta":58,"style":58},"> First level of quotation.\n>\n> > Second level, quoted inside the first.\n>\n> Back to the first level.\n",[18,376,377,382,386,391,395],{"__ignoreMap":58},[62,378,379],{"class":64,"line":65},[62,380,381],{},"> First level of quotation.\n",[62,383,384],{"class":64,"line":117},[62,385,213],{},[62,387,388],{"class":64,"line":123},[62,389,390],{},"> > Second level, quoted inside the first.\n",[62,392,393],{"class":64,"line":259},[62,394,213],{},[62,396,397],{"class":64,"line":264},[62,398,399],{},"> Back to the first level.\n",[11,401,70],{},[72,403,404,407,412],{},[11,405,406],{},"First level of quotation.",[72,408,409],{},[11,410,411],{},"Second level, quoted inside the first.",[11,413,414],{},"Back to the first level.",[11,416,417],{},"Each additional symbol adds another level:",[53,419,421],{"className":55,"code":420,"language":57,"meta":58,"style":58},"> Level 1\n>> Level 2\n>>> Level 3\n",[18,422,423,428,433],{"__ignoreMap":58},[62,424,425],{"class":64,"line":65},[62,426,427],{},"> Level 1\n",[62,429,430],{"class":64,"line":117},[62,431,432],{},">> Level 2\n",[62,434,435],{"class":64,"line":123},[62,436,437],{},">>> Level 3\n",[11,439,440],{},"Spaces between the symbols are not always required, but this version is easier to read:",[53,442,444],{"className":55,"code":443,"language":57,"meta":58,"style":58},"> Level 1\n> > Level 2\n> > > Level 3\n",[18,445,446,450,455],{"__ignoreMap":58},[62,447,448],{"class":64,"line":65},[62,449,427],{},[62,451,452],{"class":64,"line":117},[62,453,454],{},"> > Level 2\n",[62,456,457],{"class":64,"line":123},[62,458,459],{},"> > > Level 3\n",[11,461,462],{},"Nesting is useful for reproducing a discussion, a reply in an email, or a source that contains an excerpt of its own. It quickly becomes difficult to follow beyond two levels. If the hierarchy belongs to your own document, headings or a nested list usually express the structure more clearly.",[42,464,466],{"id":465},"_5-add-markdown-inside-a-blockquote","5. Add Markdown inside a blockquote",[11,468,469,470,476,477,479],{},"A blockquote can contain more than a paragraph. The ",[36,471,475],{"href":472,"rel":473},"https:\u002F\u002Fspec.commonmark.org\u002Fcurrent\u002F#block-quotes",[474],"nofollow","CommonMark specification"," defines it as a container block, so Markdown markers continue to work after the ",[18,478,20],{}," symbol.",[95,481,483],{"id":482},"format-the-text","Format the text",[53,485,487],{"className":55,"code":486,"language":57,"meta":58,"style":58},"> This decision is **important**, but this option remains *optional*.\n>\n> Also read the [documentation](https:\u002F\u002Fexample.com).\n",[18,488,489,494,498],{"__ignoreMap":58},[62,490,491],{"class":64,"line":65},[62,492,493],{},"> This decision is **important**, but this option remains *optional*.\n",[62,495,496],{"class":64,"line":117},[62,497,213],{},[62,499,500],{"class":64,"line":123},[62,501,502],{},"> Also read the [documentation](https:\u002F\u002Fexample.com).\n",[11,504,70],{},[72,506,507,519],{},[11,508,509,510,514,515,40],{},"This decision is ",[511,512,513],"strong",{},"important",", but this option remains ",[516,517,518],"em",{},"optional",[11,520,521,522,40],{},"Also read the ",[36,523,526],{"href":524,"rel":525},"https:\u002F\u002Fexample.com",[474],"documentation",[11,528,529,530,40],{},"You can find the rules for bold, italic, and other styles in ",[36,531,533],{"href":532},"\u002Fen\u002Fblog\u002Fbold-italic-strikethrough-underline-markdown\u002F","Bold, Italic, Strikethrough, and Underline in Markdown",[95,535,537],{"id":536},"add-a-list","Add a list",[11,539,540],{},"Prefix the list lines as well:",[53,542,544],{"className":55,"code":543,"language":57,"meta":58,"style":58},"> Three points to remember:\n>\n> - a blockquote has a specific meaning;\n> - it can contain several blocks;\n> - its indentation should remain readable.\n",[18,545,546,551,555,560,565],{"__ignoreMap":58},[62,547,548],{"class":64,"line":65},[62,549,550],{},"> Three points to remember:\n",[62,552,553],{"class":64,"line":117},[62,554,213],{},[62,556,557],{"class":64,"line":123},[62,558,559],{},"> - a blockquote has a specific meaning;\n",[62,561,562],{"class":64,"line":259},[62,563,564],{},"> - it can contain several blocks;\n",[62,566,567],{"class":64,"line":264},[62,568,569],{},"> - its indentation should remain readable.\n",[11,571,70],{},[72,573,574,577],{},[11,575,576],{},"Three points to remember:",[578,579,580,584,587],"ul",{},[581,582,583],"li",{},"a blockquote has a specific meaning;",[581,585,586],{},"it can contain several blocks;",[581,588,589],{},"its indentation should remain readable.",[95,591,593],{"id":592},"add-code","Add code",[11,595,596],{},"Inline code works normally:",[53,598,600],{"className":55,"code":599,"language":57,"meta":58,"style":58},"> The `pnpm test` command runs the project's tests.\n",[18,601,602],{"__ignoreMap":58},[62,603,604],{"class":64,"line":65},[62,605,599],{},[11,607,608,609,611],{},"For a fenced code block, place the ",[18,610,20],{}," symbol in front of every line, including the fences:",[53,613,615],{"className":55,"code":614,"language":57,"meta":58,"style":58},"> Example configuration:\n>\n> ```json\n> {\n>   \"theme\": \"dark\"\n> }\n> ```\n",[18,616,617,622,626,631,636,641,647],{"__ignoreMap":58},[62,618,619],{"class":64,"line":65},[62,620,621],{},"> Example configuration:\n",[62,623,624],{"class":64,"line":117},[62,625,213],{},[62,627,628],{"class":64,"line":123},[62,629,630],{},"> ```json\n",[62,632,633],{"class":64,"line":259},[62,634,635],{},"> {\n",[62,637,638],{"class":64,"line":264},[62,639,640],{},">   \"theme\": \"dark\"\n",[62,642,644],{"class":64,"line":643},6,[62,645,646],{},"> }\n",[62,648,650],{"class":64,"line":649},7,[62,651,652],{},"> ```\n",[11,654,70],{},[72,656,657,660],{},[11,658,659],{},"Example configuration:",[53,661,665],{"className":662,"code":663,"language":664,"meta":58,"style":58},"language-json shiki shiki-themes github-light github-dark","{\n  \"theme\": \"dark\"\n}\n","json",[18,666,667,673,686],{"__ignoreMap":58},[62,668,669],{"class":64,"line":65},[62,670,672],{"class":671},"sVt8B","{\n",[62,674,675,679,682],{"class":64,"line":117},[62,676,678],{"class":677},"sj4cs","  \"theme\"",[62,680,681],{"class":671},": ",[62,683,685],{"class":684},"sZZnC","\"dark\"\n",[62,687,688],{"class":64,"line":123},[62,689,690],{"class":671},"}\n",[11,692,693,694,696],{},"The triple backticks protect the contents of the block: asterisks, brackets, and ",[18,695,20],{}," symbols inside it are displayed literally instead of being interpreted as Markdown.",[42,698,700],{"id":699},"_6-create-your-first-callout","6. Create your first callout",[11,702,703],{},"A callout is a box that identifies the purpose of a piece of information: a note, tip, essential point, or warning. Its syntax begins like a blockquote and adds a marker in brackets:",[53,705,707],{"className":55,"code":706,"language":57,"meta":58,"style":58},"> [!TYPE]\n> Callout content.\n",[18,708,709,714],{"__ignoreMap":58},[62,710,711],{"class":64,"line":65},[62,712,713],{},"> [!TYPE]\n",[62,715,716],{"class":64,"line":117},[62,717,718],{},"> Callout content.\n",[11,720,721],{},"For example:",[53,723,725],{"className":55,"code":724,"language":57,"meta":58,"style":58},"> [!TIP]\n> Keep callouts short so their importance remains visible.\n",[18,726,727,732],{"__ignoreMap":58},[62,728,729],{"class":64,"line":65},[62,730,731],{},"> [!TIP]\n",[62,733,734],{"class":64,"line":117},[62,735,736],{},"> Keep callouts short so their importance remains visible.\n",[11,738,739],{},"Rendered in Fude:",[72,741,742],{},[11,743,744,747],{},[62,745,746],{},"!TIP","\nKeep callouts short so their importance remains visible.",[11,749,750,751,754],{},"Callouts are not part of the CommonMark core. They are an extension adopted by tools including GitHub, Obsidian, and Fude. In a reader that does not recognize the extension, the content generally remains readable as an ordinary blockquote, with ",[18,752,753],{},"[!TIP]"," visible on the first line.",[11,756,757],{},"The marker must appear at the beginning of the block. This source does not create a callout:",[53,759,761],{"className":55,"code":760,"language":57,"meta":58,"style":58},"> An introduction before the marker.\n> [!TIP]\n> The tip appears too late.\n",[18,762,763,768,772],{"__ignoreMap":58},[62,764,765],{"class":64,"line":65},[62,766,767],{},"> An introduction before the marker.\n",[62,769,770],{"class":64,"line":117},[62,771,731],{},[62,773,774],{"class":64,"line":123},[62,775,776],{},"> The tip appears too late.\n",[11,778,739],{},[72,780,781],{},[11,782,783,784,786],{},"An introduction before the marker.\n",[62,785,746],{},"\nThe tip appears too late.",[11,788,789,790,792],{},"The block remains an ordinary blockquote because ",[18,791,753],{}," is not its first content.",[42,794,796],{"id":795},"_7-choose-among-the-five-portable-callout-types","7. Choose among the five portable callout types",[11,798,799],{},"GitHub defines five alert types. Fude supports all of them, and Obsidian recognizes them as well:",[801,802,803,819],"table",{},[804,805,806],"thead",{},[807,808,809,813,816],"tr",{},[810,811,812],"th",{},"Marker",[810,814,815],{},"Label shown by Fude in English",[810,817,818],{},"Recommended use",[820,821,822,836,848,861,874],"tbody",{},[807,823,824,830,833],{},[825,826,827],"td",{},[18,828,829],{},"[!NOTE]",[825,831,832],{},"Note",[825,834,835],{},"Context, clarification, or additional information",[807,837,838,842,845],{},[825,839,840],{},[18,841,753],{},[825,843,844],{},"Tip",[825,846,847],{},"Best practice, shortcut, or more efficient method",[807,849,850,855,858],{},[825,851,852],{},[18,853,854],{},"[!IMPORTANT]",[825,856,857],{},"Important",[825,859,860],{},"Information that is essential for completing a step",[807,862,863,868,871],{},[825,864,865],{},[18,866,867],{},"[!WARNING]",[825,869,870],{},"Warning",[825,872,873],{},"Likely risk or an action that requires attention",[807,875,876,881,884],{},[825,877,878],{},[18,879,880],{},"[!CAUTION]",[825,882,883],{},"Caution",[825,885,886],{},"Serious consequence, data loss, or an action that is difficult to undo",[95,888,832],{"id":889},"note",[53,891,893],{"className":55,"code":892,"language":57,"meta":58,"style":58},"> [!NOTE]\n> The file remains readable in a text editor without a Markdown preview.\n",[18,894,895,900],{"__ignoreMap":58},[62,896,897],{"class":64,"line":65},[62,898,899],{},"> [!NOTE]\n",[62,901,902],{"class":64,"line":117},[62,903,904],{},"> The file remains readable in a text editor without a Markdown preview.\n",[72,906,907],{},[11,908,909,912],{},[62,910,911],{},"!NOTE","\nThe file remains readable in a text editor without a Markdown preview.",[95,914,844],{"id":915},"tip",[53,917,919],{"className":55,"code":918,"language":57,"meta":58,"style":58},"> [!TIP]\n> Use one callout to group several closely related tips.\n",[18,920,921,925],{"__ignoreMap":58},[62,922,923],{"class":64,"line":65},[62,924,731],{},[62,926,927],{"class":64,"line":117},[62,928,929],{},"> Use one callout to group several closely related tips.\n",[72,931,932],{},[11,933,934,936],{},[62,935,746],{},"\nUse one callout to group several closely related tips.",[95,938,857],{"id":513},[53,940,942],{"className":55,"code":941,"language":57,"meta":58,"style":58},"> [!IMPORTANT]\n> Save the file before closing your editor.\n",[18,943,944,949],{"__ignoreMap":58},[62,945,946],{"class":64,"line":65},[62,947,948],{},"> [!IMPORTANT]\n",[62,950,951],{"class":64,"line":117},[62,952,953],{},"> Save the file before closing your editor.\n",[72,955,956],{},[11,957,958,961],{},[62,959,960],{},"!IMPORTANT","\nSave the file before closing your editor.",[95,963,870],{"id":964},"warning",[53,966,968],{"className":55,"code":967,"language":57,"meta":58,"style":58},"> [!WARNING]\n> A Markdown extension can produce different output in another reader.\n",[18,969,970,975],{"__ignoreMap":58},[62,971,972],{"class":64,"line":65},[62,973,974],{},"> [!WARNING]\n",[62,976,977],{"class":64,"line":117},[62,978,979],{},"> A Markdown extension can produce different output in another reader.\n",[72,981,982],{},[11,983,984,987],{},[62,985,986],{},"!WARNING","\nA Markdown extension can produce different output in another reader.",[95,989,883],{"id":990},"caution",[53,992,994],{"className":55,"code":993,"language":57,"meta":58,"style":58},"> [!CAUTION]\n> Deleting the only copy of a file causes data loss.\n",[18,995,996,1001],{"__ignoreMap":58},[62,997,998],{"class":64,"line":65},[62,999,1000],{},"> [!CAUTION]\n",[62,1002,1003],{"class":64,"line":117},[62,1004,1005],{},"> Deleting the only copy of a file causes data loss.\n",[72,1007,1008],{},[11,1009,1010,1013],{},[62,1011,1012],{},"!CAUTION","\nDeleting the only copy of a file causes data loss.",[11,1015,1016,1017,1019],{},"The five keywords remain in English in the source. Fude automatically translates their visible labels according to the interface language: ",[18,1018,753],{},", for example, becomes “Conseil” in French. You do not need to translate the marker itself.",[11,1021,1022,1023,1026,1027,1030,1031,1033],{},"Callout types are case-insensitive in Fude: ",[18,1024,1025],{},"[!note]",", ",[18,1028,1029],{},"[!Note]",", and ",[18,1032,829],{}," produce the same callout. I still recommend uppercase letters because they match GitHub's documented syntax and make the marker easier to spot.",[42,1035,1037],{"id":1036},"_8-choose-between-a-blockquote-and-a-callout","8. Choose between a blockquote and a callout",[11,1039,1040],{},"Now that both forms are clear, the right choice depends on the content's origin and purpose.",[801,1042,1043,1056],{},[804,1044,1045],{},[807,1046,1047,1050,1053],{},[810,1048,1049],{},"Goal",[810,1051,1052],{},"Syntax",[810,1054,1055],{},"Recommended element",[820,1057,1058,1071,1083,1096,1109,1122],{},[807,1059,1060,1063,1068],{},[825,1061,1062],{},"Reproduce the words of a person or source",[825,1064,1065],{},[18,1066,1067],{},"> Quoted text",[825,1069,1070],{},"Blockquote",[807,1072,1073,1076,1081],{},[825,1074,1075],{},"Set apart an excerpt from another document",[825,1077,1078],{},[18,1079,1080],{},"> Excerpt",[825,1082,1070],{},[807,1084,1085,1088,1093],{},[825,1086,1087],{},"Add useful context",[825,1089,1090],{},[18,1091,1092],{},"> [!NOTE]",[825,1094,1095],{},"Note callout",[807,1097,1098,1101,1106],{},[825,1099,1100],{},"Give practical advice",[825,1102,1103],{},[18,1104,1105],{},"> [!TIP]",[825,1107,1108],{},"Tip callout",[807,1110,1111,1114,1119],{},[825,1112,1113],{},"Highlight essential information",[825,1115,1116],{},[18,1117,1118],{},"> [!IMPORTANT]",[825,1120,1121],{},"Important callout",[807,1123,1124,1127,1136],{},[825,1125,1126],{},"Warn about a risk",[825,1128,1129,1132,1133],{},[18,1130,1131],{},"> [!WARNING]"," or ",[18,1134,1135],{},"> [!CAUTION]",[825,1137,1138],{},"Warning callout",[11,1140,1141],{},"I use a blockquote when the content comes from somewhere else or should be read as an excerpt. I use a callout when the document keeps speaking in its own voice but a piece of information deserves special visual treatment.",[11,1143,1144,1145,1148],{},"The distinction is semantic as well. Placing a sentence in a blockquote indicates that it can be attributed to a source. Placing an instruction in an ",[18,1146,1147],{},"IMPORTANT"," callout identifies its role in the reading flow instead.",[42,1150,1152],{"id":1151},"_9-add-a-custom-title","9. Add a custom title",[11,1154,1155],{},"In Fude, add the title after the marker:",[53,1157,1159],{"className":55,"code":1158,"language":57,"meta":58,"style":58},"> [!TIP] Review the source before publishing\n> A successful preview does not guarantee that the file remains easy to edit.\n",[18,1160,1161,1166],{"__ignoreMap":58},[62,1162,1163],{"class":64,"line":65},[62,1164,1165],{},"> [!TIP] Review the source before publishing\n",[62,1167,1168],{"class":64,"line":117},[62,1169,1170],{},"> A successful preview does not guarantee that the file remains easy to edit.\n",[11,1172,70],{},[72,1174,1175],{},[11,1176,1177,1179],{},[62,1178,746],{}," Review the source before publishing\nA successful preview does not guarantee that the file remains easy to edit.",[11,1181,1182,1183,1186],{},"The space between ",[18,1184,1185],{},"]"," and the title is required:",[53,1188,1190],{"className":55,"code":1189,"language":57,"meta":58,"style":58},"> [!TIP] Valid title\n> This block becomes a callout.\n\n> [!TIP]Invalid title\n> This block remains an ordinary blockquote.\n",[18,1191,1192,1197,1202,1206,1211],{"__ignoreMap":58},[62,1193,1194],{"class":64,"line":65},[62,1195,1196],{},"> [!TIP] Valid title\n",[62,1198,1199],{"class":64,"line":117},[62,1200,1201],{},"> This block becomes a callout.\n",[62,1203,1204],{"class":64,"line":123},[62,1205,183],{"emptyLinePlaceholder":182},[62,1207,1208],{"class":64,"line":259},[62,1209,1210],{},"> [!TIP]Invalid title\n",[62,1212,1213],{"class":64,"line":264},[62,1214,1215],{},"> This block remains an ordinary blockquote.\n",[11,1217,739],{},[72,1219,1220],{},[11,1221,1222,1224],{},[62,1223,746],{}," Valid title\nThis block becomes a callout.",[72,1226,1227],{},[11,1228,1229,1231],{},[62,1230,746],{},"Invalid title\nThis block remains an ordinary blockquote.",[11,1233,1234],{},"In Fude, the second block remains an ordinary blockquote. This behavior prevents text that merely resembles the marker from being transformed accidentally.",[11,1236,1237],{},"A custom title can contain inline Markdown:",[53,1239,1241],{"className":55,"code":1240,"language":57,"meta":58,"style":58},"> [!IMPORTANT] Check **before** `git commit` with the [checklist](https:\u002F\u002Fexample.com\u002Fchecklist)\n> Review every item before publishing.\n",[18,1242,1243,1248],{"__ignoreMap":58},[62,1244,1245],{"class":64,"line":65},[62,1246,1247],{},"> [!IMPORTANT] Check **before** `git commit` with the [checklist](https:\u002F\u002Fexample.com\u002Fchecklist)\n",[62,1249,1250],{"class":64,"line":117},[62,1251,1252],{},"> Review every item before publishing.\n",[11,1254,739],{},[72,1256,1257],{},[11,1258,1259,1261,1262,1265,1266,1269,1270,1275],{},[62,1260,960],{}," Check ",[511,1263,1264],{},"before"," ",[18,1267,1268],{},"git commit"," with the ",[36,1271,1274],{"href":1272,"rel":1273},"https:\u002F\u002Fexample.com\u002Fchecklist",[474],"checklist","\nReview every item before publishing.",[11,1277,1278],{},"Fude interprets bold text, inline code, and links inside the title. Keep titles short, however: the label should guide the eye rather than replace the callout's content.",[11,1280,1281],{},"Obsidian also supports custom titles, but GitHub's alert syntax does not document them. If the same file must retain consistent output across all three tools, keep only the marker on the first line and place your heading in bold within the content:",[53,1283,1285],{"className":55,"code":1284,"language":57,"meta":58,"style":58},"> [!TIP]\n> **Review the source before publishing**\n>\n> A successful preview does not guarantee that the file remains easy to edit.\n",[18,1286,1287,1291,1296,1300],{"__ignoreMap":58},[62,1288,1289],{"class":64,"line":65},[62,1290,731],{},[62,1292,1293],{"class":64,"line":117},[62,1294,1295],{},"> **Review the source before publishing**\n",[62,1297,1298],{"class":64,"line":123},[62,1299,213],{},[62,1301,1302],{"class":64,"line":259},[62,1303,1170],{},[11,1305,739],{},[72,1307,1308,1315],{},[11,1309,1310,1312],{},[62,1311,746],{},[511,1313,1314],{},"Review the source before publishing",[11,1316,1317],{},"A successful preview does not guarantee that the file remains easy to edit.",[42,1319,1321],{"id":1320},"_10-put-rich-content-inside-a-callout","10. Put rich content inside a callout",[11,1323,1324,1325,479],{},"A Fude callout can contain several paragraphs, lists, links, a table, or a code block. The rule is the same as for a blockquote: each line belongs to the block through its ",[18,1326,20],{},[95,1328,1330],{"id":1329},"several-paragraphs-and-a-list","Several paragraphs and a list",[53,1332,1334],{"className":55,"code":1333,"language":57,"meta":58,"style":58},"> [!IMPORTANT] Before publishing\n> Check the document's content first.\n>\n> - review the headings;\n> - test the links;\n> - check the code blocks.\n>\n> Publish only after completing all three checks.\n",[18,1335,1336,1341,1346,1350,1355,1360,1365,1369],{"__ignoreMap":58},[62,1337,1338],{"class":64,"line":65},[62,1339,1340],{},"> [!IMPORTANT] Before publishing\n",[62,1342,1343],{"class":64,"line":117},[62,1344,1345],{},"> Check the document's content first.\n",[62,1347,1348],{"class":64,"line":123},[62,1349,213],{},[62,1351,1352],{"class":64,"line":259},[62,1353,1354],{},"> - review the headings;\n",[62,1356,1357],{"class":64,"line":264},[62,1358,1359],{},"> - test the links;\n",[62,1361,1362],{"class":64,"line":643},[62,1363,1364],{},"> - check the code blocks.\n",[62,1366,1367],{"class":64,"line":649},[62,1368,213],{},[62,1370,1372],{"class":64,"line":1371},8,[62,1373,1374],{},"> Publish only after completing all three checks.\n",[11,1376,739],{},[72,1378,1379,1384,1395],{},[11,1380,1381,1383],{},[62,1382,960],{}," Before publishing\nCheck the document's content first.",[578,1385,1386,1389,1392],{},[581,1387,1388],{},"review the headings;",[581,1390,1391],{},"test the links;",[581,1393,1394],{},"check the code blocks.",[11,1396,1397],{},"Publish only after completing all three checks.",[95,1399,1401],{"id":1400},"a-table","A table",[53,1403,1405],{"className":55,"code":1404,"language":57,"meta":58,"style":58},"> [!NOTE] Compatibility\n>\n> | Element | Support |\n> | --- | --- |\n> | Blockquote | Standard Markdown |\n> | Callout | Extension |\n",[18,1406,1407,1412,1416,1421,1426,1431],{"__ignoreMap":58},[62,1408,1409],{"class":64,"line":65},[62,1410,1411],{},"> [!NOTE] Compatibility\n",[62,1413,1414],{"class":64,"line":117},[62,1415,213],{},[62,1417,1418],{"class":64,"line":123},[62,1419,1420],{},"> | Element | Support |\n",[62,1422,1423],{"class":64,"line":259},[62,1424,1425],{},"> | --- | --- |\n",[62,1427,1428],{"class":64,"line":264},[62,1429,1430],{},"> | Blockquote | Standard Markdown |\n",[62,1432,1433],{"class":64,"line":643},[62,1434,1435],{},"> | Callout | Extension |\n",[11,1437,739],{},[72,1439,1440,1445],{},[11,1441,1442,1444],{},[62,1443,911],{}," Compatibility",[801,1446,1447,1457],{},[804,1448,1449],{},[807,1450,1451,1454],{},[810,1452,1453],{},"Element",[810,1455,1456],{},"Support",[820,1458,1459,1466],{},[807,1460,1461,1463],{},[825,1462,1070],{},[825,1464,1465],{},"Standard Markdown",[807,1467,1468,1471],{},[825,1469,1470],{},"Callout",[825,1472,1473],{},"Extension",[95,1475,1477],{"id":1476},"a-code-block","A code block",[53,1479,1481],{"className":55,"code":1480,"language":57,"meta":58,"style":58},"> [!TIP] Verification command\n> Run the tests before publishing:\n>\n> ```bash\n> pnpm test\n> ```\n",[18,1482,1483,1488,1493,1497,1502,1507],{"__ignoreMap":58},[62,1484,1485],{"class":64,"line":65},[62,1486,1487],{},"> [!TIP] Verification command\n",[62,1489,1490],{"class":64,"line":117},[62,1491,1492],{},"> Run the tests before publishing:\n",[62,1494,1495],{"class":64,"line":123},[62,1496,213],{},[62,1498,1499],{"class":64,"line":259},[62,1500,1501],{},"> ```bash\n",[62,1503,1504],{"class":64,"line":264},[62,1505,1506],{},"> pnpm test\n",[62,1508,1509],{"class":64,"line":643},[62,1510,652],{},[11,1512,739],{},[72,1514,1515,1520],{},[11,1516,1517,1519],{},[62,1518,746],{}," Verification command\nRun the tests before publishing:",[53,1521,1525],{"className":1522,"code":1523,"language":1524,"meta":58,"style":58},"language-bash shiki shiki-themes github-light github-dark","pnpm test\n","bash",[18,1526,1527],{"__ignoreMap":58},[62,1528,1529,1533],{"class":64,"line":65},[62,1530,1532],{"class":1531},"sScJk","pnpm",[62,1534,1535],{"class":684}," test\n",[95,1537,1539],{"id":1538},"a-mermaid-diagram-in-fude","A Mermaid diagram in Fude",[11,1541,1542],{},"Fude can also render a Mermaid block inside a callout:",[53,1544,1546],{"className":55,"code":1545,"language":57,"meta":58,"style":58},"> [!NOTE] Review flow\n>\n> ```mermaid\n> flowchart LR\n>   A[Draft] --> B[Review]\n>   B --> C[Publish]\n> ```\n",[18,1547,1548,1553,1557,1562,1567,1572,1577],{"__ignoreMap":58},[62,1549,1550],{"class":64,"line":65},[62,1551,1552],{},"> [!NOTE] Review flow\n",[62,1554,1555],{"class":64,"line":117},[62,1556,213],{},[62,1558,1559],{"class":64,"line":123},[62,1560,1561],{},"> ```mermaid\n",[62,1563,1564],{"class":64,"line":259},[62,1565,1566],{},"> flowchart LR\n",[62,1568,1569],{"class":64,"line":264},[62,1570,1571],{},">   A[Draft] --> B[Review]\n",[62,1573,1574],{"class":64,"line":643},[62,1575,1576],{},">   B --> C[Publish]\n",[62,1578,1579],{"class":64,"line":649},[62,1580,652],{},[11,1582,739],{},[72,1584,1585,1590],{},[11,1586,1587,1589],{},[62,1588,911],{}," Review flow",[53,1591,1595],{"className":1592,"code":1593,"language":1594,"meta":58,"style":58},"language-mermaid shiki shiki-themes github-light github-dark","flowchart LR\n  A[Draft] --> B[Review]\n  B --> C[Publish]\n","mermaid",[18,1596,1597,1602,1607],{"__ignoreMap":58},[62,1598,1599],{"class":64,"line":65},[62,1600,1601],{},"flowchart LR\n",[62,1603,1604],{"class":64,"line":117},[62,1605,1606],{},"  A[Draft] --> B[Review]\n",[62,1608,1609],{"class":64,"line":123},[62,1610,1611],{},"  B --> C[Publish]\n",[11,1613,1614],{},"This combination depends on the reader. The callout and Mermaid are two separate extensions: a tool may recognize one without supporting the other. For a highly portable document, accompany the diagram with a sentence that summarizes its meaning.",[42,1616,1618],{"id":1617},"_11-use-a-blockquote-or-callout-inside-a-list","11. Use a blockquote or callout inside a list",[11,1620,1621],{},"A blockquote placed inside a list item must be indented like the rest of that item's content:",[53,1623,1625],{"className":55,"code":1624,"language":57,"meta":58,"style":58},"1. Read the recommendation.\n\n    > Always verify the source before sharing a quotation.\n\n2. Apply the recommendation.\n",[18,1626,1627,1632,1636,1641,1645],{"__ignoreMap":58},[62,1628,1629],{"class":64,"line":65},[62,1630,1631],{},"1. Read the recommendation.\n",[62,1633,1634],{"class":64,"line":117},[62,1635,183],{"emptyLinePlaceholder":182},[62,1637,1638],{"class":64,"line":123},[62,1639,1640],{},"    > Always verify the source before sharing a quotation.\n",[62,1642,1643],{"class":64,"line":259},[62,1644,183],{"emptyLinePlaceholder":182},[62,1646,1647],{"class":64,"line":264},[62,1648,1649],{},"2. Apply the recommendation.\n",[11,1651,70],{},[1653,1654,1655,1663],"ol",{},[581,1656,1657,1658],{},"Read the recommendation.",[72,1659,1660],{},[11,1661,1662],{},"Always verify the source before sharing a quotation.",[581,1664,1665],{},"Apply the recommendation.",[11,1667,1668],{},"The same principle applies to a callout:",[53,1670,1672],{"className":55,"code":1671,"language":57,"meta":58,"style":58},"- Prepare the release.\n\n    > [!WARNING]\n    > Relative links may change after the file is moved.\n\n- Check the final output.\n",[18,1673,1674,1679,1683,1688,1693,1697],{"__ignoreMap":58},[62,1675,1676],{"class":64,"line":65},[62,1677,1678],{},"- Prepare the release.\n",[62,1680,1681],{"class":64,"line":117},[62,1682,183],{"emptyLinePlaceholder":182},[62,1684,1685],{"class":64,"line":123},[62,1686,1687],{},"    > [!WARNING]\n",[62,1689,1690],{"class":64,"line":259},[62,1691,1692],{},"    > Relative links may change after the file is moved.\n",[62,1694,1695],{"class":64,"line":264},[62,1696,183],{"emptyLinePlaceholder":182},[62,1698,1699],{"class":64,"line":643},[62,1700,1701],{},"- Check the final output.\n",[11,1703,739],{},[578,1705,1706,1716],{},[581,1707,1708,1709],{},"Prepare the release.",[72,1710,1711],{},[11,1712,1713,1715],{},[62,1714,986],{},"\nRelative links may change after the file is moved.",[581,1717,1718],{},"Check the final output.",[11,1720,1721],{},"In Fude, this callout is recognized even though it belongs to a list. The block is nested in a list item, not in another blockquote.",[11,1723,1724],{},"Fude does not, however, transform a marker placed inside an already nested blockquote:",[53,1726,1728],{"className":55,"code":1727,"language":57,"meta":58,"style":58},"> Main quotation.\n>\n> > [!TIP]\n> > This block remains an ordinary nested blockquote in Fude.\n",[18,1729,1730,1735,1739,1744],{"__ignoreMap":58},[62,1731,1732],{"class":64,"line":65},[62,1733,1734],{},"> Main quotation.\n",[62,1736,1737],{"class":64,"line":117},[62,1738,213],{},[62,1740,1741],{"class":64,"line":123},[62,1742,1743],{},"> > [!TIP]\n",[62,1745,1746],{"class":64,"line":259},[62,1747,1748],{},"> > This block remains an ordinary nested blockquote in Fude.\n",[11,1750,739],{},[72,1752,1753,1756],{},[11,1754,1755],{},"Main quotation.",[72,1757,1758],{},[11,1759,1760,1762],{},[62,1761,746],{},"\nThis block remains an ordinary nested blockquote in Fude.",[11,1764,1765,1766,1768],{},"This restriction prevents a quoted source that happens to contain ",[18,1767,753],{}," from changing its nature. If you need a callout, move it outside the parent blockquote.",[95,1770,1772],{"id":1771},"inside-a-fude-kanban-board","Inside a Fude Kanban board",[11,1774,1775],{},"A callout can appear in the detailed content of a Kanban card opened in Fude:",[53,1777,1779],{"className":55,"code":1778,"language":57,"meta":58,"style":58},"```kanban-board\n## To review\n\n- [ ] Open this card\n\n  > [!IMPORTANT] Pre-publish check\n  > This callout appears in the card details.\n```\n",[18,1780,1781,1786,1791,1795,1800,1804,1809,1814],{"__ignoreMap":58},[62,1782,1783],{"class":64,"line":65},[62,1784,1785],{},"```kanban-board\n",[62,1787,1788],{"class":64,"line":117},[62,1789,1790],{},"## To review\n",[62,1792,1793],{"class":64,"line":123},[62,1794,183],{"emptyLinePlaceholder":182},[62,1796,1797],{"class":64,"line":259},[62,1798,1799],{},"- [ ] Open this card\n",[62,1801,1802],{"class":64,"line":264},[62,1803,183],{"emptyLinePlaceholder":182},[62,1805,1806],{"class":64,"line":643},[62,1807,1808],{},"  > [!IMPORTANT] Pre-publish check\n",[62,1810,1811],{"class":64,"line":649},[62,1812,1813],{},"  > This callout appears in the card details.\n",[62,1815,1816],{"class":64,"line":1371},[62,1817,1818],{},"```\n",[11,1820,1821],{},"Rendered in Fude — open the card to display the callout:",[53,1823,1827],{"className":1824,"code":1825,"language":1826,"meta":58,"style":58},"language-kanban-board shiki shiki-themes github-light github-dark","## To review\n\n- [ ] Open this card\n\n  > [!IMPORTANT] Pre-publish check\n  > This callout appears in the card details.\n","kanban-board",[18,1828,1829,1833,1837,1841,1845,1849],{"__ignoreMap":58},[62,1830,1831],{"class":64,"line":65},[62,1832,1790],{},[62,1834,1835],{"class":64,"line":117},[62,1836,183],{"emptyLinePlaceholder":182},[62,1838,1839],{"class":64,"line":123},[62,1840,1799],{},[62,1842,1843],{"class":64,"line":259},[62,1844,183],{"emptyLinePlaceholder":182},[62,1846,1847],{"class":64,"line":264},[62,1848,1808],{},[62,1850,1851],{"class":64,"line":643},[62,1852,1813],{},[42,1854,1856],{"id":1855},"_12-compare-github-obsidian-and-fude","12. Compare GitHub, Obsidian, and Fude",[11,1858,1859],{},"All three tools understand ordinary Markdown blockquotes. Their differences appear with callouts.",[95,1861,1863],{"id":1862},"on-github","On GitHub",[11,1865,1866,1867,1872,1873,1026,1876,1026,1879,1026,1881,1030,1884,40],{},"GitHub calls this feature “alerts.” Its ",[36,1868,1871],{"href":1869,"rel":1870},"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fget-started\u002Fwriting-on-github\u002Fgetting-started-with-writing-and-formatting-on-github\u002Fbasic-writing-and-formatting-syntax#alerts",[474],"Markdown syntax documentation"," describes five types: ",[18,1874,1875],{},"NOTE",[18,1877,1878],{},"TIP",[18,1880,1147],{},[18,1882,1883],{},"WARNING",[18,1885,1886],{},"CAUTION",[11,1888,1889],{},"GitHub recommends reserving alerts for crucial information, using no more than one or two per article, and avoiding consecutive alerts. GitHub alerts cannot be nested inside other elements.",[95,1891,1893],{"id":1892},"in-obsidian","In Obsidian",[11,1895,1896,1901,1902,1026,1905,1030,1908,40],{},[36,1897,1900],{"href":1898,"rel":1899},"https:\u002F\u002Fobsidian.md\u002Fhelp\u002Fcallouts",[474],"Obsidian callouts"," use the same principle but add more variations: custom titles, collapsible callouts, nesting, and additional types such as ",[18,1903,1904],{},"abstract",[18,1906,1907],{},"question",[18,1909,1910],{},"example",[11,1912,1913],{},"These options are useful inside an Obsidian vault, but they are not all portable. A marker recognized by Obsidian may remain an ordinary blockquote in GitHub or Fude.",[95,1915,1917],{"id":1916},"in-fude","In Fude",[11,1919,1920],{},"Fude supports the five types shared by GitHub and Obsidian. Every callout has an icon, a tone, and a visible label, so its meaning does not depend on color alone. The generated label follows the interface language.",[11,1922,1923],{},"Fude also supports custom titles, rich content, and callouts placed inside lists. Callouts nested inside another blockquote deliberately remain ordinary blockquotes.",[11,1925,1926,1927,1931],{},"You can paste every example from this article into the ",[36,1928,1930],{"href":1929},"\u002Fen\u002Fmarkdown-viewer\u002F","free Markdown reader on Fude.md"," to check its rendered output immediately.",[42,1933,1935],{"id":1934},"_13-keep-callouts-portable-and-useful","13. Keep callouts portable and useful",[11,1937,1938],{},"A visible callout attracts attention. Ten callouts on the same page have the opposite effect: nothing seems important anymore.",[11,1940,1941],{},"These are the rules I use:",[578,1943,1944,1947,1950,1953,1956,1959,1962],{},[581,1945,1946],{},"reserve blockquotes for excerpts and attributed words;",[581,1948,1949],{},"reserve callouts for information that truly changes the reader's understanding or next action;",[581,1951,1952],{},"choose one of the five shared types when a file moves between several tools;",[581,1954,1955],{},"do not communicate information through color alone;",[581,1957,1958],{},"write content that remains understandable if the callout becomes an ordinary blockquote;",[581,1960,1961],{},"avoid consecutive callouts when normal paragraphs would be enough;",[581,1963,1964],{},"keep the title short and give each box a single purpose.",[11,1966,1967],{},"My rule is simple: if the reader needs to stop or change their behavior, a callout may be justified. If you only want to make the page look less monotonous, add a heading, shorten the paragraph, or improve its structure instead.",[11,1969,1970],{},"For the best compatibility across GitHub, Obsidian, and Fude, use this minimal form:",[53,1972,1974],{"className":55,"code":1973,"language":57,"meta":58,"style":58},"> [!NOTE]\n> Short, self-contained content that remains understandable without color.\n",[18,1975,1976,1980],{"__ignoreMap":58},[62,1977,1978],{"class":64,"line":65},[62,1979,899],{},[62,1981,1982],{"class":64,"line":117},[62,1983,1984],{},"> Short, self-contained content that remains understandable without color.\n",[11,1986,1987],{},"It uses one of the five shared markers without a custom title, collapsing behavior, or a type specific to one tool.",[42,1989,1991],{"id":1990},"_14-troubleshoot-common-problems","14. Troubleshoot common problems",[95,1993,1995,1996,1998],{"id":1994},"my-symbol-remains-visible-as-text","“My ",[18,1997,20],{}," symbol remains visible as text”",[11,2000,2001],{},"Check that it appears at the beginning of the line and is separated from the content by a space:",[53,2003,2005],{"className":55,"code":2004,"language":57,"meta":58,"style":58},"> Valid blockquote\nText > that does not create a blockquote\n",[18,2006,2007,2012],{"__ignoreMap":58},[62,2008,2009],{"class":64,"line":65},[62,2010,2011],{},"> Valid blockquote\n",[62,2013,2014],{"class":64,"line":117},[62,2015,2016],{},"Text > that does not create a blockquote\n",[11,2018,2019,2020,2022],{},"Also make sure you are looking at the preview. A source editor naturally displays the ",[18,2021,20],{}," character.",[95,2024,2026],{"id":2025},"my-blockquote-stops-after-the-first-paragraph","“My blockquote stops after the first paragraph”",[11,2028,2029,2030,104],{},"The blank line probably interrupted the block. Prefix it with ",[18,2031,20],{},[53,2033,2035],{"className":55,"code":2034,"language":57,"meta":58,"style":58},"> First paragraph.\n>\n> Second paragraph.\n",[18,2036,2037,2041,2045],{"__ignoreMap":58},[62,2038,2039],{"class":64,"line":65},[62,2040,247],{},[62,2042,2043],{"class":64,"line":117},[62,2044,213],{},[62,2046,2047],{"class":64,"line":123},[62,2048,256],{},[95,2050,2052],{"id":2051},"my-nested-blockquote-remains-at-the-first-level","“My nested blockquote remains at the first level”",[11,2054,2055,2056,2058],{},"Each level needs its own ",[18,2057,20],{}," symbol:",[53,2060,2062],{"className":55,"code":2061,"language":57,"meta":58,"style":58},"> First level\n> > Second level\n",[18,2063,2064,2069],{"__ignoreMap":58},[62,2065,2066],{"class":64,"line":65},[62,2067,2068],{},"> First level\n",[62,2070,2071],{"class":64,"line":117},[62,2072,2073],{},"> > Second level\n",[11,2075,2076],{},"Also check the markers on blank lines, and avoid mixing approximate indentation with several writing styles.",[95,2078,2080],{"id":2079},"my-callout-appears-as-an-ordinary-blockquote","“My callout appears as an ordinary blockquote”",[11,2082,2083],{},"Check these four points:",[578,2085,2086,2093,2096,2099],{},[581,2087,2088,2089,2092],{},"the ",[18,2090,2091],{},"[!TYPE]"," marker is the first content in the block;",[581,2094,2095],{},"the type is one of the five recognized values;",[581,2097,2098],{},"the brackets, exclamation mark, and name are complete;",[581,2100,2101],{},"the reader supports callouts.",[11,2103,2104],{},"This source is valid:",[53,2106,2108],{"className":55,"code":2107,"language":57,"meta":58,"style":58},"> [!WARNING]\n> Warning content.\n",[18,2109,2110,2114],{"__ignoreMap":58},[62,2111,2112],{"class":64,"line":65},[62,2113,974],{},[62,2115,2116],{"class":64,"line":117},[62,2117,2118],{},"> Warning content.\n",[95,2120,2122],{"id":2121},"the-custom-title-does-not-work-in-fude","“The custom title does not work in Fude”",[11,2124,2125],{},"Add at least one ASCII space between the closing bracket and the title:",[53,2127,2129],{"className":55,"code":2128,"language":57,"meta":58,"style":58},"> [!TIP] Recognized title\n",[18,2130,2131],{"__ignoreMap":58},[62,2132,2133],{"class":64,"line":65},[62,2134,2128],{},[11,2136,2137],{},"Without that space, Fude keeps the block as an ordinary blockquote:",[53,2139,2141],{"className":55,"code":2140,"language":57,"meta":58,"style":58},"> [!TIP]Unrecognized title\n",[18,2142,2143],{"__ignoreMap":58},[62,2144,2145],{"class":64,"line":65},[62,2146,2140],{},[95,2148,2150,2151,2154],{"id":2149},"advice-is-not-recognized","“",[18,2152,2153],{},"[!ADVICE]"," is not recognized”",[11,2156,2157,2158,2160],{},"Use one of the five supported keywords. Write ",[18,2159,753],{}," for practical advice rather than inventing another marker.",[95,2162,2164],{"id":2163},"my-type-works-in-obsidian-but-not-elsewhere","“My type works in Obsidian, but not elsewhere”",[11,2166,2167,2168,1026,2170,1026,2172,1026,2174,2176,2177,40],{},"Obsidian supports more types than GitHub and Fude. Replace the marker with one of the five shared types: ",[18,2169,1875],{},[18,2171,1878],{},[18,2173,1147],{},[18,2175,1883],{},", or ",[18,2178,1886],{},[95,2180,2182],{"id":2181},"my-nested-callout-remains-a-blockquote-in-fude","“My nested callout remains a blockquote in Fude”",[11,2184,2185],{},"This is expected behavior. Fude recognizes a callout in the document or inside a list, but not inside another blockquote. Move the block outside its parent quotation.",[95,2187,2189],{"id":2188},"the-content-escapes-the-callout","“The content escapes the callout”",[11,2191,2192,2193,2195,2196,104],{},"A line has probably lost its ",[18,2194,20],{}," symbol. Prefix every paragraph, list item, and code-fence line with ",[18,2197,20],{},[53,2199,2201],{"className":55,"code":2200,"language":57,"meta":58,"style":58},"> [!NOTE]\n> First paragraph.\n>\n> ```text\n> Code block content\n> ```\n",[18,2202,2203,2207,2211,2215,2220,2225],{"__ignoreMap":58},[62,2204,2205],{"class":64,"line":65},[62,2206,899],{},[62,2208,2209],{"class":64,"line":117},[62,2210,247],{},[62,2212,2213],{"class":64,"line":123},[62,2214,213],{},[62,2216,2217],{"class":64,"line":259},[62,2218,2219],{},"> ```text\n",[62,2221,2222],{"class":64,"line":264},[62,2223,2224],{},"> Code block content\n",[62,2226,2227],{"class":64,"line":643},[62,2228,652],{},[42,2230,2232],{"id":2231},"_15-copy-this-cheat-sheet","15. Copy this cheat sheet",[53,2234,2236],{"className":55,"code":2235,"language":57,"meta":58,"style":58},"# Simple blockquote\n> A one-line quotation.\n\n# Blockquote across several lines\n> A quotation can continue\n> across several lines in the source.\n\n# Several paragraphs\n> First paragraph.\n>\n> Second paragraph.\n\n# Attribution inside the block\n> Quoted text.\n>\n> — Author's name, *Title of the source*\n\n# Nested blockquote\n> First level\n> > Second level\n\n# List inside a blockquote\n> Points to remember:\n>\n> - first point;\n> - second point.\n\n# Code block inside a blockquote\n> Example:\n>\n> ```bash\n> pnpm test\n> ```\n\n# The five portable callouts\n> [!NOTE]\n> Additional information.\n\n> [!TIP]\n> Practical advice.\n\n> [!IMPORTANT]\n> Essential information.\n\n> [!WARNING]\n> A risk that requires attention.\n\n> [!CAUTION]\n> A serious consequence or an action that is difficult to undo.\n\n# Custom title in Fude and Obsidian\n> [!TIP] A short title\n> The tip's content.\n\n# Callout with several blocks\n> [!IMPORTANT] Before publishing\n> First paragraph.\n>\n> - review the text;\n> - test the links;\n> - check the rendered output.\n",[18,2237,2238,2243,2248,2252,2257,2261,2266,2270,2275,2280,2285,2290,2295,2301,2307,2312,2318,2323,2329,2334,2339,2344,2350,2356,2361,2367,2373,2378,2384,2390,2395,2400,2405,2410,2415,2421,2426,2432,2437,2442,2448,2453,2458,2464,2469,2474,2480,2485,2490,2496,2501,2507,2513,2519,2524,2530,2535,2540,2545,2551,2556],{"__ignoreMap":58},[62,2239,2240],{"class":64,"line":65},[62,2241,2242],{},"# Simple blockquote\n",[62,2244,2245],{"class":64,"line":117},[62,2246,2247],{},"> A one-line quotation.\n",[62,2249,2250],{"class":64,"line":123},[62,2251,183],{"emptyLinePlaceholder":182},[62,2253,2254],{"class":64,"line":259},[62,2255,2256],{},"# Blockquote across several lines\n",[62,2258,2259],{"class":64,"line":264},[62,2260,114],{},[62,2262,2263],{"class":64,"line":643},[62,2264,2265],{},"> across several lines in the source.\n",[62,2267,2268],{"class":64,"line":649},[62,2269,183],{"emptyLinePlaceholder":182},[62,2271,2272],{"class":64,"line":1371},[62,2273,2274],{},"# Several paragraphs\n",[62,2276,2278],{"class":64,"line":2277},9,[62,2279,247],{},[62,2281,2283],{"class":64,"line":2282},10,[62,2284,213],{},[62,2286,2288],{"class":64,"line":2287},11,[62,2289,256],{},[62,2291,2293],{"class":64,"line":2292},12,[62,2294,183],{"emptyLinePlaceholder":182},[62,2296,2298],{"class":64,"line":2297},13,[62,2299,2300],{},"# Attribution inside the block\n",[62,2302,2304],{"class":64,"line":2303},14,[62,2305,2306],{},"> Quoted text.\n",[62,2308,2310],{"class":64,"line":2309},15,[62,2311,213],{},[62,2313,2315],{"class":64,"line":2314},16,[62,2316,2317],{},"> — Author's name, *Title of the source*\n",[62,2319,2321],{"class":64,"line":2320},17,[62,2322,183],{"emptyLinePlaceholder":182},[62,2324,2326],{"class":64,"line":2325},18,[62,2327,2328],{},"# Nested blockquote\n",[62,2330,2332],{"class":64,"line":2331},19,[62,2333,2068],{},[62,2335,2337],{"class":64,"line":2336},20,[62,2338,2073],{},[62,2340,2342],{"class":64,"line":2341},21,[62,2343,183],{"emptyLinePlaceholder":182},[62,2345,2347],{"class":64,"line":2346},22,[62,2348,2349],{},"# List inside a blockquote\n",[62,2351,2353],{"class":64,"line":2352},23,[62,2354,2355],{},"> Points to remember:\n",[62,2357,2359],{"class":64,"line":2358},24,[62,2360,213],{},[62,2362,2364],{"class":64,"line":2363},25,[62,2365,2366],{},"> - first point;\n",[62,2368,2370],{"class":64,"line":2369},26,[62,2371,2372],{},"> - second point.\n",[62,2374,2376],{"class":64,"line":2375},27,[62,2377,183],{"emptyLinePlaceholder":182},[62,2379,2381],{"class":64,"line":2380},28,[62,2382,2383],{},"# Code block inside a blockquote\n",[62,2385,2387],{"class":64,"line":2386},29,[62,2388,2389],{},"> Example:\n",[62,2391,2393],{"class":64,"line":2392},30,[62,2394,213],{},[62,2396,2398],{"class":64,"line":2397},31,[62,2399,1501],{},[62,2401,2403],{"class":64,"line":2402},32,[62,2404,1506],{},[62,2406,2408],{"class":64,"line":2407},33,[62,2409,652],{},[62,2411,2413],{"class":64,"line":2412},34,[62,2414,183],{"emptyLinePlaceholder":182},[62,2416,2418],{"class":64,"line":2417},35,[62,2419,2420],{},"# The five portable callouts\n",[62,2422,2424],{"class":64,"line":2423},36,[62,2425,899],{},[62,2427,2429],{"class":64,"line":2428},37,[62,2430,2431],{},"> Additional information.\n",[62,2433,2435],{"class":64,"line":2434},38,[62,2436,183],{"emptyLinePlaceholder":182},[62,2438,2440],{"class":64,"line":2439},39,[62,2441,731],{},[62,2443,2445],{"class":64,"line":2444},40,[62,2446,2447],{},"> Practical advice.\n",[62,2449,2451],{"class":64,"line":2450},41,[62,2452,183],{"emptyLinePlaceholder":182},[62,2454,2456],{"class":64,"line":2455},42,[62,2457,948],{},[62,2459,2461],{"class":64,"line":2460},43,[62,2462,2463],{},"> Essential information.\n",[62,2465,2467],{"class":64,"line":2466},44,[62,2468,183],{"emptyLinePlaceholder":182},[62,2470,2472],{"class":64,"line":2471},45,[62,2473,974],{},[62,2475,2477],{"class":64,"line":2476},46,[62,2478,2479],{},"> A risk that requires attention.\n",[62,2481,2483],{"class":64,"line":2482},47,[62,2484,183],{"emptyLinePlaceholder":182},[62,2486,2488],{"class":64,"line":2487},48,[62,2489,1000],{},[62,2491,2493],{"class":64,"line":2492},49,[62,2494,2495],{},"> A serious consequence or an action that is difficult to undo.\n",[62,2497,2499],{"class":64,"line":2498},50,[62,2500,183],{"emptyLinePlaceholder":182},[62,2502,2504],{"class":64,"line":2503},51,[62,2505,2506],{},"# Custom title in Fude and Obsidian\n",[62,2508,2510],{"class":64,"line":2509},52,[62,2511,2512],{},"> [!TIP] A short title\n",[62,2514,2516],{"class":64,"line":2515},53,[62,2517,2518],{},"> The tip's content.\n",[62,2520,2522],{"class":64,"line":2521},54,[62,2523,183],{"emptyLinePlaceholder":182},[62,2525,2527],{"class":64,"line":2526},55,[62,2528,2529],{},"# Callout with several blocks\n",[62,2531,2533],{"class":64,"line":2532},56,[62,2534,1340],{},[62,2536,2538],{"class":64,"line":2537},57,[62,2539,247],{},[62,2541,2543],{"class":64,"line":2542},58,[62,2544,213],{},[62,2546,2548],{"class":64,"line":2547},59,[62,2549,2550],{},"> - review the text;\n",[62,2552,2554],{"class":64,"line":2553},60,[62,2555,1359],{},[62,2557,2559],{"class":64,"line":2558},61,[62,2560,2561],{},"> - check the rendered output.\n",[2563,2564],"hr",{},[11,2566,2567,2568,2570,2571,2574],{},"Markdown blockquotes and callouts start in the same way, but they do not communicate the same thing. ",[18,2569,20],{}," identifies an excerpt or a quoted voice. ",[18,2572,2573],{},"> [!TYPE]"," identifies the role of information written by the document's author.",[11,2576,2577,2578,2580,2581,1026,2583,1026,2585,1026,2587,2176,2589,2591],{},"For a clear blockquote, place a ",[18,2579,20],{}," symbol in front of every line, keep it on blank lines, and attribute the source explicitly. For a portable callout, choose ",[18,2582,1875],{},[18,2584,1878],{},[18,2586,1147],{},[18,2588,1883],{},[18,2590,1886],{},", then write content that remains understandable in a reader that does not recognize the extension.",[11,2593,2594,2595,1026,2598,1026,2602,1030,2606,40],{},"To continue learning, read the guides to ",[36,2596,2597],{"href":532},"text formatting",[36,2599,2601],{"href":2600},"\u002Fen\u002Fblog\u002Fmarkdown-lists-bullets-numbering-nesting-checkboxes\u002F","Markdown lists",[36,2603,2605],{"href":2604},"\u002Fen\u002Fblog\u002Fhow-to-create-links-in-markdown\u002F","links",[36,2607,2609],{"href":2608},"\u002Fen\u002Fblog\u002Fmarkdown-table-complete-guide-with-examples\u002F","tables",[11,2611,2612,2613,40],{},"To test a blockquote or callout without creating a file, paste its source into the ",[36,2614,1930],{"href":1929},[11,2616,2617,2618],{},"📌 ",[36,2619,2621],{"href":2620},"\u002Fen\u002F#download","Download Fude",[2623,2624,2625],"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);}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":58,"searchDepth":117,"depth":117,"links":2627},[2628,2632,2633,2634,2635,2640,2641,2648,2649,2650,2656,2659,2664,2665,2678],{"id":44,"depth":117,"text":45,"children":2629},[2630,2631],{"id":97,"depth":123,"text":98},{"id":163,"depth":123,"text":164},{"id":194,"depth":117,"text":195},{"id":273,"depth":117,"text":274},{"id":364,"depth":117,"text":365},{"id":465,"depth":117,"text":466,"children":2636},[2637,2638,2639],{"id":482,"depth":123,"text":483},{"id":536,"depth":123,"text":537},{"id":592,"depth":123,"text":593},{"id":699,"depth":117,"text":700},{"id":795,"depth":117,"text":796,"children":2642},[2643,2644,2645,2646,2647],{"id":889,"depth":123,"text":832},{"id":915,"depth":123,"text":844},{"id":513,"depth":123,"text":857},{"id":964,"depth":123,"text":870},{"id":990,"depth":123,"text":883},{"id":1036,"depth":117,"text":1037},{"id":1151,"depth":117,"text":1152},{"id":1320,"depth":117,"text":1321,"children":2651},[2652,2653,2654,2655],{"id":1329,"depth":123,"text":1330},{"id":1400,"depth":123,"text":1401},{"id":1476,"depth":123,"text":1477},{"id":1538,"depth":123,"text":1539},{"id":1617,"depth":117,"text":1618,"children":2657},[2658],{"id":1771,"depth":123,"text":1772},{"id":1855,"depth":117,"text":1856,"children":2660},[2661,2662,2663],{"id":1862,"depth":123,"text":1863},{"id":1892,"depth":123,"text":1893},{"id":1916,"depth":123,"text":1917},{"id":1934,"depth":117,"text":1935},{"id":1990,"depth":117,"text":1991,"children":2666},[2667,2669,2670,2671,2672,2673,2675,2676,2677],{"id":1994,"depth":123,"text":2668},"“My > symbol remains visible as text”",{"id":2025,"depth":123,"text":2026},{"id":2051,"depth":123,"text":2052},{"id":2079,"depth":123,"text":2080},{"id":2121,"depth":123,"text":2122},{"id":2149,"depth":123,"text":2674},"“[!ADVICE] is not recognized”",{"id":2163,"depth":123,"text":2164},{"id":2181,"depth":123,"text":2182},{"id":2188,"depth":123,"text":2189},{"id":2231,"depth":117,"text":2232},"markdown-guides","2026-08-18","Learn how to create and nest Markdown blockquotes, cite a source, and use NOTE, TIP, IMPORTANT, WARNING, and CAUTION callouts.","md","\u002Fimages\u002Fblog\u002Fblog11","A Markdown blockquote alongside five callouts with their icons",{},false,"\u002Fen\u002Fblog\u002Fmarkdown-blockquotes-nesting-callouts",{"title":5,"description":2681},"en\u002Fblog\u002F11.markdown-blockquotes-nesting-callouts",null,"markdown-blockquotes-nesting-callouts","qFAlefXJmqf7uAGxs4HTlZ5Hwro1i6tw5xGx5eDA0C0","\u003Cp data-fude-source-line=\"2\">\u003Cspan data-fude-source-start=\"1\" data-fude-source-end=\"199\">Markdown blockquotes let you isolate someone's words, an excerpt from a book, or a passage from another source. They can contain a single sentence, several paragraphs, or even lists and code blocks.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"4\">\u003Cspan data-fude-source-start=\"201\" data-fude-source-end=\"359\">GitHub, Obsidian, and Fude also use blockquotes to display callouts: boxes that identify a note, tip, important detail, or warning. Both elements rely on the \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"359\" data-fude-source-end=\"362\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"362\" data-fude-source-end=\"515\"> symbol, but they serve different purposes. A blockquote reproduces content from a source; a callout draws attention to information in your own document.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"6\">\u003Cspan data-fude-source-start=\"517\" data-fude-source-end=\"890\">In this guide, I will first explain how to create a blockquote, extend it across several lines, attribute its source, and nest it. We will then create a callout and choose among the five most portable types. Once both forms are familiar, we can decide which one to use before moving on to custom titles, rich content, and the differences between GitHub, Obsidian, and Fude.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"8\">\u003Cspan data-fude-source-start=\"892\" data-fude-source-end=\"1053\">In this article, “blockquote” means the Markdown container used for quoted passages. It does not refer to bibliographies, footnotes, or academic citation styles.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"10\">\u003Cspan data-fude-source-start=\"1055\" data-fude-source-end=\"1058\">If \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"1058\" data-fude-source-end=\"1063\">.md\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"1063\" data-fude-source-end=\"1112\"> files are still new to you, start with my guide \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fblog\u002Fwhat-is-markdown-file-how-to-open\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"1113\" data-fude-source-end=\"1166\">What Is a Markdown File (.md) and How Do You Open It?\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"1212\" data-fude-source-end=\"1213\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-1-create-a-simple-markdown-blockquote\" data-fude-source-line=\"12\">\u003Cspan data-fude-source-start=\"1218\" data-fude-source-end=\"1256\">1. Create a simple Markdown blockquote\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"14\">\u003Cspan data-fude-source-start=\"1258\" data-fude-source-end=\"1266\">Place a \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"1266\" data-fude-source-end=\"1269\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"1269\" data-fude-source-end=\"1318\"> symbol and a space at the beginning of the line:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"1332\" data-fude-code-block-end=\"1393\" data-fude-source-line=\"16\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"1332\" data-fude-code-block-end=\"1393\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Good documentation answers the question before it is asked.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"20\">\u003Cspan data-fude-source-start=\"1399\" data-fude-source-end=\"1408\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"22\">\n\u003Cp>\u003Cspan data-fude-source-start=\"1412\" data-fude-source-end=\"1471\">Good documentation answers the question before it is asked.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"24\">\u003Cspan data-fude-source-start=\"1473\" data-fude-source-end=\"1545\">The space after the symbol is recommended. Some parsers also understand \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"1545\" data-fude-source-end=\"1559\">>A quotation\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"1559\" data-fude-source-end=\"1565\">, but \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"1565\" data-fude-source-end=\"1580\">> A quotation\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"1580\" data-fude-source-end=\"1616\"> remains more readable and portable.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"26\">\u003Cspan data-fude-source-start=\"1618\" data-fude-source-end=\"1622\">The \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"1622\" data-fude-source-end=\"1625\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"1625\" data-fude-source-end=\"1831\"> symbol is not a decorative quotation mark. It turns the paragraph into a block quote. A Markdown reader can then display it with a border, indentation, a background color, or a combination of these styles.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-add-several-lines\" data-fude-source-line=\"28\">\u003Cspan data-fude-source-start=\"1837\" data-fude-source-end=\"1854\">Add several lines\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"30\">\u003Cspan data-fude-source-start=\"1856\" data-fude-source-end=\"1878\">Prefix each line with \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"1878\" data-fude-source-end=\"1881\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"1881\" data-fude-source-end=\"1882\">:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"1896\" data-fude-code-block-end=\"2004\" data-fude-source-line=\"32\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"1896\" data-fude-code-block-end=\"2004\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A quotation can continue\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> across several lines in the source\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> and form a single paragraph when rendered.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"38\">\u003Cspan data-fude-source-start=\"2010\" data-fude-source-end=\"2019\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"40\">\n\u003Cp>\u003Cspan data-fude-source-start=\"2023\" data-fude-source-end=\"2129\">A quotation can continue\nacross several lines in the source\nand form a single paragraph when rendered.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"44\">\u003Cspan data-fude-source-start=\"2131\" data-fude-source-end=\"2191\">CommonMark sometimes allows a continuation line without the \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"2191\" data-fude-source-end=\"2194\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"2194\" data-fude-source-end=\"2245\"> symbol. This form therefore works in many readers:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"2259\" data-fude-code-block-end=\"2340\" data-fude-source-line=\"46\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"2259\" data-fude-code-block-end=\"2340\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The first fragment begins the quotation,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">and the second can still belong to it.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"51\">\u003Cspan data-fude-source-start=\"2346\" data-fude-source-end=\"2392\">I do not recommend this implicit form. Adding \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"2392\" data-fude-source-end=\"2395\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"2395\" data-fude-source-end=\"2521\"> to every line immediately shows where the quotation begins and ends, especially in a Git diff or an editor without a preview.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-end-the-blockquote\" data-fude-source-line=\"53\">\u003Cspan data-fude-source-start=\"2527\" data-fude-source-end=\"2545\">End the blockquote\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"55\">\u003Cspan data-fude-source-start=\"2547\" data-fude-source-end=\"2598\">Leave a blank line before returning to normal text:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"2612\" data-fude-code-block-end=\"2665\" data-fude-source-line=\"57\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"2612\" data-fude-code-block-end=\"2665\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Here is the quotation.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">Here is the next paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"63\">\u003Cspan data-fude-source-start=\"2671\" data-fude-source-end=\"2814\">This separation is not always required by the parser, but it prevents a later edit from accidentally attaching the paragraph to the blockquote.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-2-write-several-paragraphs-inside-a-blockquote\" data-fude-source-line=\"65\">\u003Cspan data-fude-source-start=\"2819\" data-fude-source-end=\"2866\">2. Write several paragraphs inside a blockquote\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"67\">\u003Cspan data-fude-source-start=\"2868\" data-fude-source-end=\"2967\">A blockquote can contain several paragraphs. Keep the marker on the blank line that separates them:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"2981\" data-fude-code-block-end=\"3083\" data-fude-source-line=\"69\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"2981\" data-fude-code-block-end=\"3083\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The first paragraph introduces the main idea.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The second adds a detail or develops the argument.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"75\">\u003Cspan data-fude-source-start=\"3089\" data-fude-source-end=\"3098\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"77\">\n\u003Cp>\u003Cspan data-fude-source-start=\"3102\" data-fude-source-end=\"3147\">The first paragraph introduces the main idea.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan data-fude-source-start=\"3152\" data-fude-source-end=\"3202\">The second adds a detail or develops the argument.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"81\">\u003Cspan data-fude-source-start=\"3204\" data-fude-source-end=\"3227\">A line containing only \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"3227\" data-fude-source-end=\"3230\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"3230\" data-fude-source-end=\"3360\"> means: “the blockquote continues, but a new paragraph begins.” It makes the structure more explicit than a completely blank line.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"83\">\u003Cspan data-fude-source-start=\"3362\" data-fude-source-end=\"3412\">You can apply the same rule to a longer quotation:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"3426\" data-fude-code-block-end=\"3487\" data-fude-source-line=\"85\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"3426\" data-fude-code-block-end=\"3487\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Second paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Third paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"93\">\u003Cspan data-fude-source-start=\"3493\" data-fude-source-end=\"3715\">A blockquote is not a good way to indent several pages of text. If you control the document, summarize long passages and keep only the excerpt you need. The file will remain easier to read, with or without rendered output.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-3-add-the-author-and-source-of-a-quotation\" data-fude-source-line=\"95\">\u003Cspan data-fude-source-start=\"3720\" data-fude-source-end=\"3763\">3. Add the author and source of a quotation\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"97\">\u003Cspan data-fude-source-start=\"3765\" data-fude-source-end=\"3923\">Markdown has no standard syntax that automatically identifies the author, book, or page of a quotation. You must write the attribution as part of the content.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"99\">\u003Cspan data-fude-source-start=\"3925\" data-fude-source-end=\"3977\">The simplest form places the source on a final line:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"3991\" data-fude-code-block-end=\"4037\" data-fude-source-line=\"101\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"3991\" data-fude-code-block-end=\"4037\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Reading is a friendship.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> — Marcel Proust\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"107\">\u003Cspan data-fude-source-start=\"4043\" data-fude-source-end=\"4052\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"109\">\n\u003Cp>\u003Cspan data-fude-source-start=\"4056\" data-fude-source-end=\"4080\">Reading is a friendship.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan data-fude-source-start=\"4085\" data-fude-source-end=\"4100\">— Marcel Proust\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"113\">\u003Cspan data-fude-source-start=\"4102\" data-fude-source-end=\"4157\">You can add a link when the source is available online:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"4171\" data-fude-code-block-end=\"4280\" data-fude-source-line=\"115\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"4171\" data-fude-code-block-end=\"4280\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> An excerpt quoted in the document.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> — \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-link)\">[\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">Author's name\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-link)\">](https:\u002F\u002Fexample.com\u002Fsource)\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">, *Title of the source*\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"121\">\u003Cspan data-fude-source-start=\"4286\" data-fude-source-end=\"4344\">For a more discreet attribution, place it after the block:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"4358\" data-fude-code-block-end=\"4434\" data-fude-source-line=\"123\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"4358\" data-fude-code-block-end=\"4434\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> An excerpt quoted in the document.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">— Author's name, *Title of the source*\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"129\">\u003Cspan data-fude-source-start=\"4440\" data-fude-source-end=\"4663\">Both presentations are valid. An attribution inside the block visually groups the excerpt and its source. An attribution outside the block distinguishes the quoted words more clearly from your own bibliographic information.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"131\">\u003Cspan data-fude-source-start=\"4665\" data-fude-source-end=\"4883\">I prefer the second form for a formal quotation because it avoids suggesting that the author's name is part of the original text. For a short epigraph or a highlighted sentence, the first form often looks more elegant.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"133\">\u003Cspan data-fude-source-start=\"4885\" data-fude-source-end=\"5092\">In either case, do not rely on formatting to replace a real reference. If the origin matters, provide enough information to find it again: author, title, link, date, or page number, depending on the context.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-4-nest-blockquotes\" data-fude-source-line=\"135\">\u003Cspan data-fude-source-start=\"5097\" data-fude-source-end=\"5116\">4. Nest blockquotes\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"137\">\u003Cspan data-fude-source-start=\"5118\" data-fude-source-end=\"5131\">Add a second \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"5131\" data-fude-source-end=\"5134\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"5134\" data-fude-source-end=\"5182\"> symbol to create a blockquote inside the first:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"5196\" data-fude-code-block-end=\"5297\" data-fude-source-line=\"139\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"5196\" data-fude-code-block-end=\"5297\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First level of quotation.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > Second level, quoted inside the first.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Back to the first level.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"147\">\u003Cspan data-fude-source-start=\"5303\" data-fude-source-end=\"5312\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"149\">\n\u003Cp>\u003Cspan data-fude-source-start=\"5316\" data-fude-source-end=\"5341\">First level of quotation.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cspan data-fude-source-start=\"5348\" data-fude-source-end=\"5386\">Second level, quoted inside the first.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>\u003Cspan data-fude-source-start=\"5391\" data-fude-source-end=\"5415\">Back to the first level.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"155\">\u003Cspan data-fude-source-start=\"5417\" data-fude-source-end=\"5459\">Each additional symbol adds another level:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"5473\" data-fude-code-block-end=\"5505\" data-fude-source-line=\"157\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"5473\" data-fude-code-block-end=\"5505\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Level 1\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>> Level 2\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>>> Level 3\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"163\">\u003Cspan data-fude-source-start=\"5511\" data-fude-source-end=\"5598\">Spaces between the symbols are not always required, but this version is easier to read:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"5612\" data-fude-code-block-end=\"5647\" data-fude-source-line=\"165\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"5612\" data-fude-code-block-end=\"5647\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Level 1\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > Level 2\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > > Level 3\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"171\">\u003Cspan data-fude-source-start=\"5653\" data-fude-source-end=\"5945\">Nesting is useful for reproducing a discussion, a reply in an email, or a source that contains an excerpt of its own. It quickly becomes difficult to follow beyond two levels. If the hierarchy belongs to your own document, headings or a nested list usually express the structure more clearly.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-5-add-markdown-inside-a-blockquote\" data-fude-source-line=\"173\">\u003Cspan data-fude-source-start=\"5950\" data-fude-source-end=\"5985\">5. Add Markdown inside a blockquote\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"175\">\u003Cspan data-fude-source-start=\"5987\" data-fude-source-end=\"6039\">A blockquote can contain more than a paragraph. The \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fspec.commonmark.org\u002Fcurrent\u002F#block-quotes\" data-fude-link-kind=\"external\" rel=\"noopener noreferrer\">\u003Cspan data-fude-source-start=\"6040\" data-fude-source-end=\"6064\">CommonMark specification\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"6116\" data-fude-source-end=\"6197\"> defines it as a container block, so Markdown markers continue to work after the \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"6197\" data-fude-source-end=\"6200\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"6200\" data-fude-source-end=\"6208\"> symbol.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-format-the-text\" data-fude-source-line=\"177\">\u003Cspan data-fude-source-start=\"6214\" data-fude-source-end=\"6229\">Format the text\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"6243\" data-fude-code-block-end=\"6368\" data-fude-source-line=\"179\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"6243\" data-fude-code-block-end=\"6368\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> This decision is **important**, but this option remains *optional*.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Also read the \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-link)\">[\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">documentation\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-link)\">](https:\u002F\u002Fexample.com)\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"185\">\u003Cspan data-fude-source-start=\"6374\" data-fude-source-end=\"6383\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"187\">\n\u003Cp>\u003Cspan data-fude-source-start=\"6387\" data-fude-source-end=\"6404\">This decision is \u003C\u002Fspan>\u003Cstrong>\u003Cspan data-fude-source-start=\"6406\" data-fude-source-end=\"6415\">important\u003C\u002Fspan>\u003C\u002Fstrong>\u003Cspan data-fude-source-start=\"6417\" data-fude-source-end=\"6443\">, but this option remains \u003C\u002Fspan>\u003Cem>\u003Cspan data-fude-source-start=\"6444\" data-fude-source-end=\"6452\">optional\u003C\u002Fspan>\u003C\u002Fem>\u003Cspan data-fude-source-start=\"6453\" data-fude-source-end=\"6454\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp>\u003Cspan data-fude-source-start=\"6459\" data-fude-source-end=\"6473\">Also read the \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fexample.com\" data-fude-link-kind=\"external\" rel=\"noopener noreferrer\">\u003Cspan data-fude-source-start=\"6474\" data-fude-source-end=\"6487\">documentation\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"6509\" data-fude-source-end=\"6510\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"191\">\u003Cspan data-fude-source-start=\"6512\" data-fude-source-end=\"6573\">You can find the rules for bold, italic, and other styles in \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fblog\u002Fbold-italic-strikethrough-underline-markdown\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"6574\" data-fude-source-end=\"6628\">Bold, Italic, Strikethrough, and Underline in Markdown\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"6685\" data-fude-source-end=\"6686\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-add-a-list\" data-fude-source-line=\"193\">\u003Cspan data-fude-source-start=\"6692\" data-fude-source-end=\"6702\">Add a list\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"195\">\u003Cspan data-fude-source-start=\"6704\" data-fude-source-end=\"6734\">Prefix the list lines as well:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"6748\" data-fude-code-block-end=\"6897\" data-fude-source-line=\"197\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"6748\" data-fude-code-block-end=\"6897\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Three points to remember:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - a blockquote has a specific meaning;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - it can contain several blocks;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - its indentation should remain readable.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"205\">\u003Cspan data-fude-source-start=\"6903\" data-fude-source-end=\"6912\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"207\">\n\u003Cp>\u003Cspan data-fude-source-start=\"6916\" data-fude-source-end=\"6941\">Three points to remember:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cspan data-fude-source-start=\"6948\" data-fude-source-end=\"6984\">a blockquote has a specific meaning;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"6989\" data-fude-source-end=\"7019\">it can contain several blocks;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"7024\" data-fude-source-end=\"7063\">its indentation should remain readable.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fblockquote>\n\u003Ch3 id=\"user-content-add-code\" data-fude-source-line=\"213\">\u003Cspan data-fude-source-start=\"7069\" data-fude-source-end=\"7077\">Add code\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"215\">\u003Cspan data-fude-source-start=\"7079\" data-fude-source-end=\"7106\">Inline code works normally:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"7120\" data-fude-code-block-end=\"7171\" data-fude-source-line=\"217\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"7120\" data-fude-code-block-end=\"7171\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">`pnpm test`\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"> command runs the project's tests.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"221\">\u003Cspan data-fude-source-start=\"7177\" data-fude-source-end=\"7212\">For a fenced code block, place the \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"7212\" data-fude-source-end=\"7215\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"7215\" data-fude-source-end=\"7268\"> symbol in front of every line, including the fences:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"7283\" data-fude-code-block-end=\"7353\" data-fude-source-line=\"223\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"7283\" data-fude-code-block-end=\"7353\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Example configuration:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```json\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>   \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">\"theme\"\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-punctuation, color-mix(in srgb, var(--color-code-text) 78%, var(--color-code-bg) 22%))\">:\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string-expression)\"> \"dark\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"233\">\u003Cspan data-fude-source-start=\"7360\" data-fude-source-end=\"7369\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"235\">\n\u003Cp>\u003Cspan data-fude-source-start=\"7373\" data-fude-source-end=\"7395\">Example configuration:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"json\">\u003Ccode class=\"language-json\" data-language=\"json\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">  \"theme\"\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-punctuation, color-mix(in srgb, var(--color-code-text) 78%, var(--color-code-bg) 22%))\">:\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string-expression)\"> \"dark\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"243\">\u003Cspan data-fude-source-start=\"7443\" data-fude-source-end=\"7524\">The triple backticks protect the contents of the block: asterisks, brackets, and \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"7524\" data-fude-source-end=\"7527\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"7527\" data-fude-source-end=\"7611\"> symbols inside it are displayed literally instead of being interpreted as Markdown.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-6-create-your-first-callout\" data-fude-source-line=\"245\">\u003Cspan data-fude-source-start=\"7616\" data-fude-source-end=\"7644\">6. Create your first callout\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"247\">\u003Cspan data-fude-source-start=\"7646\" data-fude-source-end=\"7828\">A callout is a box that identifies the purpose of a piece of information: a note, tip, essential point, or warning. Its syntax begins like a blockquote and adds a marker in brackets:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"7842\" data-fude-code-block-end=\"7870\" data-fude-source-line=\"249\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"7842\" data-fude-code-block-end=\"7870\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TYPE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Callout content.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"254\">\u003Cspan data-fude-source-start=\"7876\" data-fude-source-end=\"7888\">For example:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"7902\" data-fude-code-block-end=\"7969\" data-fude-source-line=\"256\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"7902\" data-fude-code-block-end=\"7969\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Keep callouts short so their importance remains visible.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"261\">\u003Cspan data-fude-source-start=\"7975\" data-fude-source-end=\"7992\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"tip\" data-fude-source-line=\"263\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Tip\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"8005\" data-fude-source-end=\"8061\">Keep callouts short so their importance remains visible.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp data-fude-source-line=\"266\">\u003Cspan data-fude-source-start=\"8063\" data-fude-source-end=\"8308\">Callouts are not part of the CommonMark core. They are an extension adopted by tools including GitHub, Obsidian, and Fude. In a reader that does not recognize the extension, the content generally remains readable as an ordinary blockquote, with \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"8308\" data-fude-source-end=\"8316\">[!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"8316\" data-fude-source-end=\"8343\"> visible on the first line.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"268\">\u003Cspan data-fude-source-start=\"8345\" data-fude-source-end=\"8437\">The marker must appear at the beginning of the block. This source does not create a callout:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"8451\" data-fude-code-block-end=\"8524\" data-fude-source-line=\"270\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"8451\" data-fude-code-block-end=\"8524\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> An introduction before the marker.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The tip appears too late.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"276\">\u003Cspan data-fude-source-start=\"8530\" data-fude-source-end=\"8547\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"278\">\n\u003Cp>\u003Cspan data-fude-source-start=\"8551\" data-fude-source-end=\"8622\">An introduction before the marker.\n[!TIP]\nThe tip appears too late.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"282\">\u003Cspan data-fude-source-start=\"8624\" data-fude-source-end=\"8673\">The block remains an ordinary blockquote because \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"8673\" data-fude-source-end=\"8681\">[!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"8681\" data-fude-source-end=\"8707\"> is not its first content.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-7-choose-among-the-five-portable-callout-types\" data-fude-source-line=\"284\">\u003Cspan data-fude-source-start=\"8712\" data-fude-source-end=\"8759\">7. Choose among the five portable callout types\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"286\">\u003Cspan data-fude-source-start=\"8761\" data-fude-source-end=\"8858\">GitHub defines five alert types. Fude supports all of them, and Obsidian recognizes them as well:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ctable data-fude-source-line=\"288\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>\u003Cspan data-fude-source-start=\"8862\" data-fude-source-end=\"8868\">Marker\u003C\u002Fspan>\u003C\u002Fth>\n\u003Cth>\u003Cspan data-fude-source-start=\"8871\" data-fude-source-end=\"8901\">Label shown by Fude in English\u003C\u002Fspan>\u003C\u002Fth>\n\u003Cth>\u003Cspan data-fude-source-start=\"8904\" data-fude-source-end=\"8919\">Recommended use\u003C\u002Fspan>\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"8944\" data-fude-source-end=\"8953\">[!NOTE]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"8956\" data-fude-source-end=\"8960\">Note\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"8963\" data-fude-source-end=\"9012\">Context, clarification, or additional information\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"9017\" data-fude-source-end=\"9025\">[!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9028\" data-fude-source-end=\"9031\">Tip\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9034\" data-fude-source-end=\"9083\">Best practice, shortcut, or more efficient method\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"9088\" data-fude-source-end=\"9102\">[!IMPORTANT]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9105\" data-fude-source-end=\"9114\">Important\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9117\" data-fude-source-end=\"9168\">Information that is essential for completing a step\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"9173\" data-fude-source-end=\"9185\">[!WARNING]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9188\" data-fude-source-end=\"9195\">Warning\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9198\" data-fude-source-end=\"9246\">Likely risk or an action that requires attention\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"9251\" data-fude-source-end=\"9263\">[!CAUTION]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9266\" data-fude-source-end=\"9273\">Caution\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"9276\" data-fude-source-end=\"9346\">Serious consequence, data loss, or an action that is difficult to undo\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch3 id=\"user-content-note\" data-fude-source-line=\"296\">\u003Cspan data-fude-source-start=\"9354\" data-fude-source-end=\"9358\">Note\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"9372\" data-fude-code-block-end=\"9454\" data-fude-source-line=\"298\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"9372\" data-fude-code-block-end=\"9454\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The file remains readable in a text editor without a Markdown preview.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"note\" data-fude-source-line=\"303\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Note\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"9472\" data-fude-source-end=\"9542\">The file remains readable in a text editor without a Markdown preview.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-tip\" data-fude-source-line=\"306\">\u003Cspan data-fude-source-start=\"9548\" data-fude-source-end=\"9551\">Tip\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"9565\" data-fude-code-block-end=\"9630\" data-fude-source-line=\"308\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"9565\" data-fude-code-block-end=\"9630\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Use one callout to group several closely related tips.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"tip\" data-fude-source-line=\"313\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Tip\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"9647\" data-fude-source-end=\"9701\">Use one callout to group several closely related tips.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-important\" data-fude-source-line=\"316\">\u003Cspan data-fude-source-start=\"9707\" data-fude-source-end=\"9716\">Important\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"9730\" data-fude-code-block-end=\"9788\" data-fude-source-line=\"318\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"9730\" data-fude-code-block-end=\"9788\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!IMPORTANT\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Save the file before closing your editor.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"important\" data-fude-source-line=\"323\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Important\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"9811\" data-fude-source-end=\"9852\">Save the file before closing your editor.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-warning\" data-fude-source-line=\"326\">\u003Cspan data-fude-source-start=\"9858\" data-fude-source-end=\"9865\">Warning\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"9879\" data-fude-code-block-end=\"9962\" data-fude-source-line=\"328\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"9879\" data-fude-code-block-end=\"9962\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!WARNING\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A Markdown extension can produce different output in another reader.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"warning\" data-fude-source-line=\"333\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Warning\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"9983\" data-fude-source-end=\"10051\">A Markdown extension can produce different output in another reader.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-caution\" data-fude-source-line=\"336\">\u003Cspan data-fude-source-start=\"10057\" data-fude-source-end=\"10064\">Caution\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"10078\" data-fude-code-block-end=\"10143\" data-fude-source-line=\"338\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"10078\" data-fude-code-block-end=\"10143\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!CAUTION\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Deleting the only copy of a file causes data loss.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"caution\" data-fude-source-line=\"343\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Caution\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"10164\" data-fude-source-end=\"10214\">Deleting the only copy of a file causes data loss.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp data-fude-source-line=\"346\">\u003Cspan data-fude-source-start=\"10216\" data-fude-source-end=\"10355\">The five keywords remain in English in the source. Fude automatically translates their visible labels according to the interface language: \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"10355\" data-fude-source-end=\"10363\">[!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"10363\" data-fude-source-end=\"10454\">, for example, becomes “Conseil” in French. You do not need to translate the marker itself.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"348\">\u003Cspan data-fude-source-start=\"10456\" data-fude-source-end=\"10500\">Callout types are case-insensitive in Fude: \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"10500\" data-fude-source-end=\"10509\">[!note]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"10509\" data-fude-source-end=\"10511\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"10511\" data-fude-source-end=\"10520\">[!Note]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"10520\" data-fude-source-end=\"10526\">, and \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"10526\" data-fude-source-end=\"10535\">[!NOTE]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"10535\" data-fude-source-end=\"10679\"> produce the same callout. I still recommend uppercase letters because they match GitHub's documented syntax and make the marker easier to spot.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-8-choose-between-a-blockquote-and-a-callout\" data-fude-source-line=\"350\">\u003Cspan data-fude-source-start=\"10684\" data-fude-source-end=\"10728\">8. Choose between a blockquote and a callout\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"352\">\u003Cspan data-fude-source-start=\"10730\" data-fude-source-end=\"10822\">Now that both forms are clear, the right choice depends on the content's origin and purpose.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ctable data-fude-source-line=\"354\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>\u003Cspan data-fude-source-start=\"10826\" data-fude-source-end=\"10830\">Goal\u003C\u002Fspan>\u003C\u002Fth>\n\u003Cth>\u003Cspan data-fude-source-start=\"10833\" data-fude-source-end=\"10839\">Syntax\u003C\u002Fspan>\u003C\u002Fth>\n\u003Cth>\u003Cspan data-fude-source-start=\"10842\" data-fude-source-end=\"10861\">Recommended element\u003C\u002Fspan>\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"10886\" data-fude-source-end=\"10927\">Reproduce the words of a person or source\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"10930\" data-fude-source-end=\"10945\">> Quoted text\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"10948\" data-fude-source-end=\"10958\">Blockquote\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"10963\" data-fude-source-end=\"11005\">Set apart an excerpt from another document\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"11008\" data-fude-source-end=\"11019\">> Excerpt\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11022\" data-fude-source-end=\"11032\">Blockquote\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11037\" data-fude-source-end=\"11055\">Add useful context\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"11058\" data-fude-source-end=\"11069\">> [!NOTE]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11072\" data-fude-source-end=\"11084\">Note callout\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11089\" data-fude-source-end=\"11110\">Give practical advice\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"11113\" data-fude-source-end=\"11123\">> [!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11126\" data-fude-source-end=\"11137\">Tip callout\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11142\" data-fude-source-end=\"11173\">Highlight essential information\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"11176\" data-fude-source-end=\"11192\">> [!IMPORTANT]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11195\" data-fude-source-end=\"11212\">Important callout\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11217\" data-fude-source-end=\"11234\">Warn about a risk\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u003Cspan data-fude-source-start=\"11237\" data-fude-source-end=\"11251\">> [!WARNING]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"11251\" data-fude-source-end=\"11255\"> or \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"11255\" data-fude-source-end=\"11269\">> [!CAUTION]\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"11272\" data-fude-source-end=\"11287\">Warning callout\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp data-fude-source-line=\"363\">\u003Cspan data-fude-source-start=\"11291\" data-fude-source-end=\"11513\">I use a blockquote when the content comes from somewhere else or should be read as an excerpt. I use a callout when the document keeps speaking in its own voice but a piece of information deserves special visual treatment.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"365\">\u003Cspan data-fude-source-start=\"11515\" data-fude-source-end=\"11665\">The distinction is semantic as well. Placing a sentence in a blockquote indicates that it can be attributed to a source. Placing an instruction in an \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"11665\" data-fude-source-end=\"11676\">IMPORTANT\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"11676\" data-fude-source-end=\"11733\"> callout identifies its role in the reading flow instead.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-9-add-a-custom-title\" data-fude-source-line=\"367\">\u003Cspan data-fude-source-start=\"11738\" data-fude-source-end=\"11759\">9. Add a custom title\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"369\">\u003Cspan data-fude-source-start=\"11761\" data-fude-source-end=\"11801\">In Fude, add the title after the marker:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"11815\" data-fude-code-block-end=\"11937\" data-fude-source-line=\"371\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"11815\" data-fude-code-block-end=\"11937\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Review the source before publishing\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A successful preview does not guarantee that the file remains easy to edit.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"376\">\u003Cspan data-fude-source-start=\"11943\" data-fude-source-end=\"11952\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"tip\" data-fude-source-line=\"378\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"11963\" data-fude-source-end=\"11998\">Review the source before publishing\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"11999\" data-fude-source-end=\"12076\">A successful preview does not guarantee that the file remains easy to edit.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp data-fude-source-line=\"381\">\u003Cspan data-fude-source-start=\"12078\" data-fude-source-end=\"12096\">The space between \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"12096\" data-fude-source-end=\"12099\">]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"12099\" data-fude-source-end=\"12126\"> and the title is required:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"12140\" data-fude-code-block-end=\"12260\" data-fude-source-line=\"383\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"12140\" data-fude-code-block-end=\"12260\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Valid title\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> This block becomes a callout.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]Invalid title\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> This block remains an ordinary blockquote.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"391\">\u003Cspan data-fude-source-start=\"12266\" data-fude-source-end=\"12283\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"tip\" data-fude-source-line=\"393\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"12294\" data-fude-source-end=\"12305\">Valid title\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"12306\" data-fude-source-end=\"12337\">This block becomes a callout.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cblockquote data-fude-source-line=\"396\">\n\u003Cp>\u003Cspan data-fude-source-start=\"12341\" data-fude-source-end=\"12405\">[!TIP]Invalid title\nThis block remains an ordinary blockquote.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"399\">\u003Cspan data-fude-source-start=\"12407\" data-fude-source-end=\"12562\">In Fude, the second block remains an ordinary blockquote. This behavior prevents text that merely resembles the marker from being transformed accidentally.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"401\">\u003Cspan data-fude-source-start=\"12564\" data-fude-source-end=\"12607\">A custom title can contain inline Markdown:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"12621\" data-fude-code-block-end=\"12756\" data-fude-source-line=\"403\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"12621\" data-fude-code-block-end=\"12756\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!IMPORTANT\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Check **before** \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">`git commit`\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"> with the \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-link)\">[\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">checklist\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-link)\">](https:\u002F\u002Fexample.com\u002Fchecklist)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Review every item before publishing.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"408\">\u003Cspan data-fude-source-start=\"12762\" data-fude-source-end=\"12779\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"important\" data-fude-source-line=\"410\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"12796\" data-fude-source-end=\"12802\">Check \u003C\u002Fspan>\u003Cstrong>\u003Cspan data-fude-source-start=\"12804\" data-fude-source-end=\"12810\">before\u003C\u002Fspan>\u003C\u002Fstrong>\u003Cspan data-fude-source-start=\"12812\" data-fude-source-end=\"12813\"> \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"12813\" data-fude-source-end=\"12825\">git commit\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"12825\" data-fude-source-end=\"12835\"> with the \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fexample.com\u002Fchecklist\" data-fude-link-kind=\"external\" rel=\"noopener noreferrer\">\u003Cspan data-fude-source-start=\"12836\" data-fude-source-end=\"12845\">checklist\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"12878\" data-fude-source-end=\"12916\">Review every item before publishing.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp data-fude-source-line=\"413\">\u003Cspan data-fude-source-start=\"12918\" data-fude-source-end=\"13087\">Fude interprets bold text, inline code, and links inside the title. Keep titles short, however: the label should guide the eye rather than replace the callout's content.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"415\">\u003Cspan data-fude-source-start=\"13089\" data-fude-source-end=\"13337\">Obsidian also supports custom titles, but GitHub's alert syntax does not document them. If the same file must retain consistent output across all three tools, keep only the marker on the first line and place your heading in bold within the content:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"13351\" data-fude-code-block-end=\"13481\" data-fude-source-line=\"417\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"13351\" data-fude-code-block-end=\"13481\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> **Review the source before publishing**\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A successful preview does not guarantee that the file remains easy to edit.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"424\">\u003Cspan data-fude-source-start=\"13487\" data-fude-source-end=\"13504\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"tip\" data-fude-source-line=\"426\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Tip\u003C\u002Fdiv>\n\u003Cp>\u003Cstrong>\u003Cspan data-fude-source-start=\"13519\" data-fude-source-end=\"13554\">Review the source before publishing\u003C\u002Fspan>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>\u003Cspan data-fude-source-start=\"13561\" data-fude-source-end=\"13636\">A successful preview does not guarantee that the file remains easy to edit.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"user-content-10-put-rich-content-inside-a-callout\" data-fude-source-line=\"431\">\u003Cspan data-fude-source-start=\"13641\" data-fude-source-end=\"13678\">10. Put rich content inside a callout\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"433\">\u003Cspan data-fude-source-start=\"13680\" data-fude-source-end=\"13852\">A Fude callout can contain several paragraphs, lists, links, a table, or a code block. The rule is the same as for a blockquote: each line belongs to the block through its \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"13852\" data-fude-source-end=\"13855\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"13855\" data-fude-source-end=\"13863\"> symbol.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-several-paragraphs-and-a-list\" data-fude-source-line=\"435\">\u003Cspan data-fude-source-start=\"13869\" data-fude-source-end=\"13898\">Several paragraphs and a list\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"13912\" data-fude-code-block-end=\"14108\" data-fude-source-line=\"437\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"13912\" data-fude-code-block-end=\"14108\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!IMPORTANT\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Before publishing\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Check the document's content first.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - review the headings;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - test the links;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - check the code blocks.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Publish only after completing all three checks.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"448\">\u003Cspan data-fude-source-start=\"14114\" data-fude-source-end=\"14131\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"important\" data-fude-source-line=\"450\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"14148\" data-fude-source-end=\"14165\">Before publishing\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"14166\" data-fude-source-end=\"14203\">Check the document's content first.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cspan data-fude-source-start=\"14210\" data-fude-source-end=\"14230\">review the headings;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"14235\" data-fude-source-end=\"14250\">test the links;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"14255\" data-fude-source-end=\"14277\">check the code blocks.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cspan data-fude-source-start=\"14282\" data-fude-source-end=\"14329\">Publish only after completing all three checks.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-a-table\" data-fude-source-line=\"459\">\u003Cspan data-fude-source-start=\"14335\" data-fude-source-end=\"14342\">A table\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"14356\" data-fude-code-block-end=\"14484\" data-fude-source-line=\"461\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"14356\" data-fude-code-block-end=\"14484\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Compatibility\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> | Element | Support |\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> | \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-punctuation, color-mix(in srgb, var(--color-code-text) 78%, var(--color-code-bg) 22%))\">---\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"> | \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-punctuation, color-mix(in srgb, var(--color-code-text) 78%, var(--color-code-bg) 22%))\">---\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"> |\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> | Blockquote | Standard Markdown |\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> | Callout | Extension |\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"470\">\u003Cspan data-fude-source-start=\"14490\" data-fude-source-end=\"14507\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"note\" data-fude-source-line=\"472\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"14519\" data-fude-source-end=\"14532\">Compatibility\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>\u003Cspan data-fude-source-start=\"14539\" data-fude-source-end=\"14546\">Element\u003C\u002Fspan>\u003C\u002Fth>\n\u003Cth>\u003Cspan data-fude-source-start=\"14549\" data-fude-source-end=\"14556\">Support\u003C\u002Fspan>\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"14579\" data-fude-source-end=\"14589\">Blockquote\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"14592\" data-fude-source-end=\"14609\">Standard Markdown\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cspan data-fude-source-start=\"14616\" data-fude-source-end=\"14623\">Callout\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan data-fude-source-start=\"14626\" data-fude-source-end=\"14635\">Extension\u003C\u002Fspan>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-a-code-block\" data-fude-source-line=\"479\">\u003Cspan data-fude-source-start=\"14643\" data-fude-source-end=\"14655\">A code block\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"14670\" data-fude-code-block-end=\"14764\" data-fude-source-line=\"481\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"14670\" data-fude-code-block-end=\"14764\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Verification command\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Run the tests before publishing:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```bash\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> pnpm test\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"490\">\u003Cspan data-fude-source-start=\"14771\" data-fude-source-end=\"14788\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"tip\" data-fude-source-line=\"492\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"14799\" data-fude-source-end=\"14819\">Verification command\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"14820\" data-fude-source-end=\"14854\">Run the tests before publishing:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"bash\" data-fude-code-block-start=\"14869\" data-fude-code-block-end=\"14878\">\u003Ccode class=\"language-bash\" data-language=\"bash\" data-fude-code-block-start=\"14869\" data-fude-code-block-end=\"14878\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-function, color-mix(in srgb, var(--color-accent-secondary) 62%, var(--color-code-text) 38%))\">pnpm\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\"> test\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003C\u002Fdiv>\n\u003Ch3 id=\"user-content-a-mermaid-diagram-in-fude\" data-fude-source-line=\"499\">\u003Cspan data-fude-source-start=\"14890\" data-fude-source-end=\"14915\">A Mermaid diagram in Fude\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"501\">\u003Cspan data-fude-source-start=\"14917\" data-fude-source-end=\"14971\">Fude can also render a Mermaid block inside a callout:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"14986\" data-fude-code-block-end=\"15091\" data-fude-source-line=\"503\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"14986\" data-fude-code-block-end=\"15091\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Review flow\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```mermaid\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">flowchart LR\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">  A[Draft] --> B[Review]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">  B --> C[Publish]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"513\">\u003Cspan data-fude-source-start=\"15098\" data-fude-source-end=\"15115\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"note\" data-fude-source-line=\"515\">\n\u003Cdiv class=\"fude-callout-title\">\u003Cspan data-fude-source-start=\"15127\" data-fude-source-end=\"15138\">Review flow\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cdiv class=\"fude-mermaid-block\" data-fude-mermaid-source=\"flowchart LR\n  A[Draft] --> B[Review]\n  B --> C[Publish]\" data-fude-mermaid-id=\"mermaid-1\" data-fude-highlight-disabled=\"true\">\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp data-fude-source-line=\"523\">\u003Cspan data-fude-source-start=\"15224\" data-fude-source-end=\"15470\">This combination depends on the reader. The callout and Mermaid are two separate extensions: a tool may recognize one without supporting the other. For a highly portable document, accompany the diagram with a sentence that summarizes its meaning.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-11-use-a-blockquote-or-callout-inside-a-list\" data-fude-source-line=\"525\">\u003Cspan data-fude-source-start=\"15475\" data-fude-source-end=\"15520\">11. Use a blockquote or callout inside a list\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"527\">\u003Cspan data-fude-source-start=\"15522\" data-fude-source-end=\"15615\">A blockquote placed inside a list item must be indented like the rest of that item's content:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"15629\" data-fude-code-block-end=\"15746\" data-fude-source-line=\"529\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"15629\" data-fude-code-block-end=\"15746\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">1. Read the recommendation.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">    > Always verify the source before sharing a quotation.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">2. Apply the recommendation.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"537\">\u003Cspan data-fude-source-start=\"15752\" data-fude-source-end=\"15761\">Rendered:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Col data-fude-source-line=\"539\">\n\u003Cli>\n\u003Cp>\u003Cspan data-fude-source-start=\"15766\" data-fude-source-end=\"15790\">Read the recommendation.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cspan data-fude-source-start=\"15798\" data-fude-source-end=\"15850\">Always verify the source before sharing a quotation.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cspan data-fude-source-start=\"15855\" data-fude-source-end=\"15880\">Apply the recommendation.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp data-fude-source-line=\"545\">\u003Cspan data-fude-source-start=\"15882\" data-fude-source-end=\"15922\">The same principle applies to a callout:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"15936\" data-fude-code-block-end=\"16060\" data-fude-source-line=\"547\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"15936\" data-fude-code-block-end=\"16060\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">- Prepare the release.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">    > [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!WARNING\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">    > Relative links may change after the file is moved.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">- Check the final output.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"556\">\u003Cspan data-fude-source-start=\"16066\" data-fude-source-end=\"16083\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul data-fude-source-line=\"558\">\n\u003Cli>\n\u003Cp>\u003Cspan data-fude-source-start=\"16087\" data-fude-source-end=\"16107\">Prepare the release.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-callout\" data-fude-callout=\"warning\">\n\u003Cdiv class=\"fude-callout-title fude-callout-title-generated\" data-fude-search-skip=\"true\">Warning\u003C\u002Fdiv>\n\u003Cp>\u003Cspan data-fude-source-start=\"16132\" data-fude-source-end=\"16182\">Relative links may change after the file is moved.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cspan data-fude-source-start=\"16186\" data-fude-source-end=\"16209\">Check the final output.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp data-fude-source-line=\"565\">\u003Cspan data-fude-source-start=\"16211\" data-fude-source-end=\"16343\">In Fude, this callout is recognized even though it belongs to a list. The block is nested in a list item, not in another blockquote.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"567\">\u003Cspan data-fude-source-start=\"16345\" data-fude-source-end=\"16431\">Fude does not, however, transform a marker placed inside an already nested blockquote:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"16445\" data-fude-code-block-end=\"16537\" data-fude-source-line=\"569\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"16445\" data-fude-code-block-end=\"16537\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Main quotation.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > This block remains an ordinary nested blockquote in Fude.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"576\">\u003Cspan data-fude-source-start=\"16543\" data-fude-source-end=\"16560\">Rendered in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote data-fude-source-line=\"578\">\n\u003Cp>\u003Cspan data-fude-source-start=\"16564\" data-fude-source-end=\"16579\">Main quotation.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cspan data-fude-source-start=\"16586\" data-fude-source-end=\"16654\">[!TIP]\nThis block remains an ordinary nested blockquote in Fude.\u003C\u002Fspan>\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003C\u002Fblockquote>\n\u003Cp data-fude-source-line=\"583\">\u003Cspan data-fude-source-start=\"16656\" data-fude-source-end=\"16722\">This restriction prevents a quoted source that happens to contain \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"16722\" data-fude-source-end=\"16730\">[!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"16730\" data-fude-source-end=\"16818\"> from changing its nature. If you need a callout, move it outside the parent blockquote.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-inside-a-fude-kanban-board\" data-fude-source-line=\"585\">\u003Cspan data-fude-source-start=\"16824\" data-fude-source-end=\"16850\">Inside a Fude Kanban board\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"587\">\u003Cspan data-fude-source-start=\"16852\" data-fude-source-end=\"16929\">A callout can appear in the detailed content of a Kanban card opened in Fude:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"16944\" data-fude-code-block-end=\"17080\" data-fude-source-line=\"589\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"16944\" data-fude-code-block-end=\"17080\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```kanban-board\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">## To review\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">- [ ] Open this card\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">  > [!IMPORTANT] Pre-publish check\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">  > This callout appears in the card details.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"600\">\u003Cspan data-fude-source-start=\"17087\" data-fude-source-end=\"17143\">Rendered in Fude — open the card to display the callout:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"fude-kanban-block\" data-fude-kanban-source=\"## To review\n\n- [ ] Open this card\n\n  > [!IMPORTANT] Pre-publish check\n  > This callout appears in the card details.\" data-fude-kanban-source-offset=\"17161\" data-fude-source-line=\"602\">\u003Cpre data-fude-code-block-start=\"17161\" data-fude-code-block-end=\"17277\">\u003Ccode class=\"language-kanban-board\" data-fude-code-block-start=\"17161\" data-fude-code-block-end=\"17277\">## To review\n\n- [ ] Open this card\n\n  > [!IMPORTANT] Pre-publish check\n  > This callout appears in the card details.\n\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>\n\u003Ch2 id=\"user-content-12-compare-github-obsidian-and-fude\" data-fude-source-line=\"611\">\u003Cspan data-fude-source-start=\"17286\" data-fude-source-end=\"17324\">12. Compare GitHub, Obsidian, and Fude\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"613\">\u003Cspan data-fude-source-start=\"17326\" data-fude-source-end=\"17423\">All three tools understand ordinary Markdown blockquotes. Their differences appear with callouts.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-on-github\" data-fude-source-line=\"615\">\u003Cspan data-fude-source-start=\"17429\" data-fude-source-end=\"17438\">On GitHub\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"617\">\u003Cspan data-fude-source-start=\"17440\" data-fude-source-end=\"17480\">GitHub calls this feature “alerts.” Its \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fget-started\u002Fwriting-on-github\u002Fgetting-started-with-writing-and-formatting-on-github\u002Fbasic-writing-and-formatting-syntax#alerts\" data-fude-link-kind=\"external\" rel=\"noopener noreferrer\">\u003Cspan data-fude-source-start=\"17481\" data-fude-source-end=\"17510\">Markdown syntax documentation\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"17666\" data-fude-source-end=\"17689\"> describes five types: \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"17689\" data-fude-source-end=\"17695\">NOTE\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"17695\" data-fude-source-end=\"17697\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"17697\" data-fude-source-end=\"17702\">TIP\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"17702\" data-fude-source-end=\"17704\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"17704\" data-fude-source-end=\"17715\">IMPORTANT\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"17715\" data-fude-source-end=\"17717\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"17717\" data-fude-source-end=\"17726\">WARNING\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"17726\" data-fude-source-end=\"17732\">, and \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"17732\" data-fude-source-end=\"17741\">CAUTION\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"17741\" data-fude-source-end=\"17742\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"619\">\u003Cspan data-fude-source-start=\"17744\" data-fude-source-end=\"17933\">GitHub recommends reserving alerts for crucial information, using no more than one or two per article, and avoiding consecutive alerts. GitHub alerts cannot be nested inside other elements.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-in-obsidian\" data-fude-source-line=\"621\">\u003Cspan data-fude-source-start=\"17939\" data-fude-source-end=\"17950\">In Obsidian\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"623\">\u003Ca href=\"https:\u002F\u002Fobsidian.md\u002Fhelp\u002Fcallouts\" data-fude-link-kind=\"external\" rel=\"noopener noreferrer\">\u003Cspan data-fude-source-start=\"17953\" data-fude-source-end=\"17970\">Obsidian callouts\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"18006\" data-fude-source-end=\"18130\"> use the same principle but add more variations: custom titles, collapsible callouts, nesting, and additional types such as \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"18130\" data-fude-source-end=\"18140\">abstract\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"18140\" data-fude-source-end=\"18142\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"18142\" data-fude-source-end=\"18152\">question\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"18152\" data-fude-source-end=\"18158\">, and \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"18158\" data-fude-source-end=\"18167\">example\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"18167\" data-fude-source-end=\"18168\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"625\">\u003Cspan data-fude-source-start=\"18170\" data-fude-source-end=\"18336\">These options are useful inside an Obsidian vault, but they are not all portable. A marker recognized by Obsidian may remain an ordinary blockquote in GitHub or Fude.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-in-fude\" data-fude-source-line=\"627\">\u003Cspan data-fude-source-start=\"18342\" data-fude-source-end=\"18349\">In Fude\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"629\">\u003Cspan data-fude-source-start=\"18351\" data-fude-source-end=\"18565\">Fude supports the five types shared by GitHub and Obsidian. Every callout has an icon, a tone, and a visible label, so its meaning does not depend on color alone. The generated label follows the interface language.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"631\">\u003Cspan data-fude-source-start=\"18567\" data-fude-source-end=\"18732\">Fude also supports custom titles, rich content, and callouts placed inside lists. Callouts nested inside another blockquote deliberately remain ordinary blockquotes.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"633\">\u003Cspan data-fude-source-start=\"18734\" data-fude-source-end=\"18789\">You can paste every example from this article into the \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fmarkdown-viewer\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"18790\" data-fude-source-end=\"18821\">free Markdown reader on Fude.md\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"18844\" data-fude-source-end=\"18886\"> to check its rendered output immediately.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-13-keep-callouts-portable-and-useful\" data-fude-source-line=\"635\">\u003Cspan data-fude-source-start=\"18891\" data-fude-source-end=\"18928\">13. Keep callouts portable and useful\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp data-fude-source-line=\"637\">\u003Cspan data-fude-source-start=\"18930\" data-fude-source-end=\"19056\">A visible callout attracts attention. Ten callouts on the same page have the opposite effect: nothing seems important anymore.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"639\">\u003Cspan data-fude-source-start=\"19058\" data-fude-source-end=\"19084\">These are the rules I use:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul data-fude-source-line=\"641\">\n\u003Cli>\u003Cspan data-fude-source-start=\"19088\" data-fude-source-end=\"19142\">reserve blockquotes for excerpts and attributed words;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"19145\" data-fude-source-end=\"19239\">reserve callouts for information that truly changes the reader's understanding or next action;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"19242\" data-fude-source-end=\"19318\">choose one of the five shared types when a file moves between several tools;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"19321\" data-fude-source-end=\"19372\">do not communicate information through color alone;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"19375\" data-fude-source-end=\"19463\">write content that remains understandable if the callout becomes an ordinary blockquote;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"19466\" data-fude-source-end=\"19532\">avoid consecutive callouts when normal paragraphs would be enough;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"19535\" data-fude-source-end=\"19591\">keep the title short and give each box a single purpose.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp data-fude-source-line=\"649\">\u003Cspan data-fude-source-start=\"19593\" data-fude-source-end=\"19821\">My rule is simple: if the reader needs to stop or change their behavior, a callout may be justified. If you only want to make the page look less monotonous, add a heading, shorten the paragraph, or improve its structure instead.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"651\">\u003Cspan data-fude-source-start=\"19823\" data-fude-source-end=\"19907\">For the best compatibility across GitHub, Obsidian, and Fude, use this minimal form:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"19921\" data-fude-code-block-end=\"20005\" data-fude-source-line=\"653\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"19921\" data-fude-code-block-end=\"20005\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Short, self-contained content that remains understandable without color.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"658\">\u003Cspan data-fude-source-start=\"20011\" data-fude-source-end=\"20126\">It uses one of the five shared markers without a custom title, collapsing behavior, or a type specific to one tool.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch2 id=\"user-content-14-troubleshoot-common-problems\" data-fude-source-line=\"660\">\u003Cspan data-fude-source-start=\"20131\" data-fude-source-end=\"20163\">14. Troubleshoot common problems\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Ch3 id=\"user-content-my--symbol-remains-visible-as-text\" data-fude-source-line=\"662\">\u003Cspan data-fude-source-start=\"20169\" data-fude-source-end=\"20173\">“My \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"20173\" data-fude-source-end=\"20176\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"20176\" data-fude-source-end=\"20208\"> symbol remains visible as text”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"664\">\u003Cspan data-fude-source-start=\"20210\" data-fude-source-end=\"20306\">Check that it appears at the beginning of the line and is separated from the content by a space:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"20320\" data-fude-code-block-end=\"20379\" data-fude-source-line=\"666\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"20320\" data-fude-code-block-end=\"20379\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Valid blockquote\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">Text > that does not create a blockquote\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"671\">\u003Cspan data-fude-source-start=\"20385\" data-fude-source-end=\"20471\">Also make sure you are looking at the preview. A source editor naturally displays the \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"20471\" data-fude-source-end=\"20474\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"20474\" data-fude-source-end=\"20485\"> character.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-my-blockquote-stops-after-the-first-paragraph\" data-fude-source-line=\"673\">\u003Cspan data-fude-source-start=\"20491\" data-fude-source-end=\"20538\">“My blockquote stops after the first paragraph”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"675\">\u003Cspan data-fude-source-start=\"20540\" data-fude-source-end=\"20602\">The blank line probably interrupted the block. Prefix it with \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"20602\" data-fude-source-end=\"20605\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"20605\" data-fude-source-end=\"20606\">:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"20620\" data-fude-code-block-end=\"20660\" data-fude-source-line=\"677\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"20620\" data-fude-code-block-end=\"20660\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Second paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3 id=\"user-content-my-nested-blockquote-remains-at-the-first-level\" data-fude-source-line=\"683\">\u003Cspan data-fude-source-start=\"20670\" data-fude-source-end=\"20719\">“My nested blockquote remains at the first level”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"685\">\u003Cspan data-fude-source-start=\"20721\" data-fude-source-end=\"20746\">Each level needs its own \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"20746\" data-fude-source-end=\"20749\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"20749\" data-fude-source-end=\"20757\"> symbol:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"20771\" data-fude-code-block-end=\"20801\" data-fude-source-line=\"687\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"20771\" data-fude-code-block-end=\"20801\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First level\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > Second level\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"692\">\u003Cspan data-fude-source-start=\"20807\" data-fude-source-end=\"20915\">Also check the markers on blank lines, and avoid mixing approximate indentation with several writing styles.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-my-callout-appears-as-an-ordinary-blockquote\" data-fude-source-line=\"694\">\u003Cspan data-fude-source-start=\"20921\" data-fude-source-end=\"20967\">“My callout appears as an ordinary blockquote”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"696\">\u003Cspan data-fude-source-start=\"20969\" data-fude-source-end=\"20993\">Check these four points:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cul data-fude-source-line=\"698\">\n\u003Cli>\u003Cspan data-fude-source-start=\"20997\" data-fude-source-end=\"21001\">the \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21001\" data-fude-source-end=\"21010\">[!TYPE]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21010\" data-fude-source-end=\"21052\"> marker is the first content in the block;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"21055\" data-fude-source-end=\"21101\">the type is one of the five recognized values;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"21104\" data-fude-source-end=\"21158\">the brackets, exclamation mark, and name are complete;\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan data-fude-source-start=\"21161\" data-fude-source-end=\"21190\">the reader supports callouts.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp data-fude-source-line=\"703\">\u003Cspan data-fude-source-start=\"21192\" data-fude-source-end=\"21213\">This source is valid:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"21227\" data-fude-code-block-end=\"21258\" data-fude-source-line=\"705\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"21227\" data-fude-code-block-end=\"21258\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!WARNING\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Warning content.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3 id=\"user-content-the-custom-title-does-not-work-in-fude\" data-fude-source-line=\"710\">\u003Cspan data-fude-source-start=\"21268\" data-fude-source-end=\"21308\">“The custom title does not work in Fude”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"712\">\u003Cspan data-fude-source-start=\"21310\" data-fude-source-end=\"21381\">Add at least one ASCII space between the closing bracket and the title:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"21395\" data-fude-code-block-end=\"21420\" data-fude-source-line=\"714\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"21395\" data-fude-code-block-end=\"21420\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Recognized title\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp data-fude-source-line=\"718\">\u003Cspan data-fude-source-start=\"21426\" data-fude-source-end=\"21493\">Without that space, Fude keeps the block as an ordinary blockquote:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"21507\" data-fude-code-block-end=\"21533\" data-fude-source-line=\"720\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"21507\" data-fude-code-block-end=\"21533\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]Unrecognized title\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3 id=\"user-content-advice-is-not-recognized\" data-fude-source-line=\"724\">\u003Cspan data-fude-source-start=\"21543\" data-fude-source-end=\"21544\">“\u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21544\" data-fude-source-end=\"21555\">[!ADVICE]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21555\" data-fude-source-end=\"21574\"> is not recognized”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"726\">\u003Cspan data-fude-source-start=\"21576\" data-fude-source-end=\"21622\">Use one of the five supported keywords. Write \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21622\" data-fude-source-end=\"21630\">[!TIP]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21630\" data-fude-source-end=\"21689\"> for practical advice rather than inventing another marker.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-my-type-works-in-obsidian-but-not-elsewhere\" data-fude-source-line=\"728\">\u003Cspan data-fude-source-start=\"21695\" data-fude-source-end=\"21741\">“My type works in Obsidian, but not elsewhere”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"730\">\u003Cspan data-fude-source-start=\"21743\" data-fude-source-end=\"21848\">Obsidian supports more types than GitHub and Fude. Replace the marker with one of the five shared types: \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21848\" data-fude-source-end=\"21854\">NOTE\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21854\" data-fude-source-end=\"21856\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21856\" data-fude-source-end=\"21861\">TIP\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21861\" data-fude-source-end=\"21863\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21863\" data-fude-source-end=\"21874\">IMPORTANT\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21874\" data-fude-source-end=\"21876\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21876\" data-fude-source-end=\"21885\">WARNING\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21885\" data-fude-source-end=\"21890\">, or \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"21890\" data-fude-source-end=\"21899\">CAUTION\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"21899\" data-fude-source-end=\"21900\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-my-nested-callout-remains-a-blockquote-in-fude\" data-fude-source-line=\"732\">\u003Cspan data-fude-source-start=\"21906\" data-fude-source-end=\"21954\">“My nested callout remains a blockquote in Fude”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"734\">\u003Cspan data-fude-source-start=\"21956\" data-fude-source-end=\"22122\">This is expected behavior. Fude recognizes a callout in the document or inside a list, but not inside another blockquote. Move the block outside its parent quotation.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Ch3 id=\"user-content-the-content-escapes-the-callout\" data-fude-source-line=\"736\">\u003Cspan data-fude-source-start=\"22128\" data-fude-source-end=\"22161\">“The content escapes the callout”\u003C\u002Fspan>\u003C\u002Fh3>\n\u003Cp data-fude-source-line=\"738\">\u003Cspan data-fude-source-start=\"22163\" data-fude-source-end=\"22192\">A line has probably lost its \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"22192\" data-fude-source-end=\"22195\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"22195\" data-fude-source-end=\"22264\"> symbol. Prefix every paragraph, list item, and code-fence line with \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"22264\" data-fude-source-end=\"22267\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"22267\" data-fude-source-end=\"22268\">:\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"22283\" data-fude-code-block-end=\"22350\" data-fude-source-line=\"740\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"22283\" data-fude-code-block-end=\"22350\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```text\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">Code block content\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2 id=\"user-content-15-copy-this-cheat-sheet\" data-fude-source-line=\"749\">\u003Cspan data-fude-source-start=\"22360\" data-fude-source-end=\"22385\">15. Copy this cheat sheet\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cpre style=\"background-color:var(--fude-code-background, var(--color-code-bg));color:var(--fude-code-foreground, var(--color-code-text))\" tabindex=\"0\" class=\"shiki fude-code-theme fude-code-block\" data-language=\"markdown\" data-fude-code-block-start=\"22400\" data-fude-code-block-end=\"23411\" data-fude-source-line=\"751\">\u003Ccode class=\"language-markdown\" data-language=\"markdown\" data-fude-code-block-start=\"22400\" data-fude-code-block-end=\"23411\">\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Simple blockquote\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A one-line quotation.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Blockquote across several lines\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A quotation can continue\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> across several lines in the source.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Several paragraphs\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Second paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Attribution inside the block\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Quoted text.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> — Author's name, *Title of the source*\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Nested blockquote\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First level\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> > Second level\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># List inside a blockquote\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Points to remember:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - first point;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - second point.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Code block inside a blockquote\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Example:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```bash\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> pnpm test\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> \u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-string, color-mix(in srgb, var(--color-accent-primary) 78%, var(--color-code-text) 22%))\">```\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># The five portable callouts\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Additional information.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Practical advice.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!IMPORTANT\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> Essential information.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!WARNING\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A risk that requires attention.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!CAUTION\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> A serious consequence or an action that is difficult to undo.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Custom title in Fude and Obsidian\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!TIP\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] A short title\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> The tip's content.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\"># Callout with several blocks\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> [\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-token-keyword, color-mix(in srgb, var(--color-accent-primary) 68%, var(--color-code-text) 32%))\">!IMPORTANT\u003C\u002Fspan>\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">] Before publishing\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> First paragraph.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - review the text;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - test the links;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:var(--fude-code-foreground, var(--color-code-text))\">> - check the rendered output.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Chr data-fude-source-line=\"815\">\n\u003Cp data-fude-source-line=\"817\">\u003Cspan data-fude-source-start=\"23423\" data-fude-source-end=\"23524\">Markdown blockquotes and callouts start in the same way, but they do not communicate the same thing. \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23524\" data-fude-source-end=\"23527\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23527\" data-fude-source-end=\"23569\"> identifies an excerpt or a quoted voice. \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23569\" data-fude-source-end=\"23580\">> [!TYPE]\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23580\" data-fude-source-end=\"23649\"> identifies the role of information written by the document's author.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"819\">\u003Cspan data-fude-source-start=\"23651\" data-fude-source-end=\"23683\">For a clear blockquote, place a \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23683\" data-fude-source-end=\"23686\">>\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23686\" data-fude-source-end=\"23810\"> symbol in front of every line, keep it on blank lines, and attribute the source explicitly. For a portable callout, choose \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23810\" data-fude-source-end=\"23816\">NOTE\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23816\" data-fude-source-end=\"23818\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23818\" data-fude-source-end=\"23823\">TIP\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23823\" data-fude-source-end=\"23825\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23825\" data-fude-source-end=\"23836\">IMPORTANT\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23836\" data-fude-source-end=\"23838\">, \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23838\" data-fude-source-end=\"23847\">WARNING\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23847\" data-fude-source-end=\"23852\">, or \u003C\u002Fspan>\u003Ccode>\u003Cspan data-fude-source-start=\"23852\" data-fude-source-end=\"23861\">CAUTION\u003C\u002Fspan>\u003C\u002Fcode>\u003Cspan data-fude-source-start=\"23861\" data-fude-source-end=\"23960\">, then write content that remains understandable in a reader that does not recognize the extension.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"821\">\u003Cspan data-fude-source-start=\"23962\" data-fude-source-end=\"24003\">To continue learning, read the guides to \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fblog\u002Fbold-italic-strikethrough-underline-markdown\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"24004\" data-fude-source-end=\"24019\">text formatting\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"24076\" data-fude-source-end=\"24078\">, \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fblog\u002Fmarkdown-lists-bullets-numbering-nesting-checkboxes\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"24079\" data-fude-source-end=\"24093\">Markdown lists\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"24157\" data-fude-source-end=\"24159\">, \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fblog\u002Fhow-to-create-links-in-markdown\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"24160\" data-fude-source-end=\"24165\">links\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"24209\" data-fude-source-end=\"24215\">, and \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fblog\u002Fmarkdown-table-complete-guide-with-examples\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"24216\" data-fude-source-end=\"24222\">tables\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"24278\" data-fude-source-end=\"24279\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"823\">\u003Cspan data-fude-source-start=\"24281\" data-fude-source-end=\"24364\">To test a blockquote or callout without creating a file, paste its source into the \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002Fmarkdown-viewer\u002F\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"24365\" data-fude-source-end=\"24396\">free Markdown reader on Fude.md\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan data-fude-source-start=\"24419\" data-fude-source-end=\"24420\">.\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cp data-fude-source-line=\"825\">\u003Cspan data-fude-source-start=\"24422\" data-fude-source-end=\"24424\">📌 \u003C\u002Fspan>\u003Ca href=\"\u002Fen\u002F#download\" data-fude-link-kind=\"unopenable\">\u003Cspan data-fude-source-start=\"24425\" data-fude-source-end=\"24438\">Download Fude\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fp>","\nMarkdown blockquotes let you isolate someone's words, an excerpt from a book, or a passage from another source. They can contain a single sentence, several paragraphs, or even lists and code blocks.\n\nGitHub, Obsidian, and Fude also use blockquotes to display callouts: boxes that identify a note, tip, important detail, or warning. Both elements rely on the `>` symbol, but they serve different purposes. A blockquote reproduces content from a source; a callout draws attention to information in your own document.\n\nIn this guide, I will first explain how to create a blockquote, extend it across several lines, attribute its source, and nest it. We will then create a callout and choose among the five most portable types. Once both forms are familiar, we can decide which one to use before moving on to custom titles, rich content, and the differences between GitHub, Obsidian, and Fude.\n\nIn this article, “blockquote” means the Markdown container used for quoted passages. It does not refer to bibliographies, footnotes, or academic citation styles.\n\nIf `.md` files are still new to you, start with my guide [What Is a Markdown File (.md) and How Do You Open It?](\u002Fen\u002Fblog\u002Fwhat-is-markdown-file-how-to-open\u002F).\n\n## 1. Create a simple Markdown blockquote\n\nPlace a `>` symbol and a space at the beginning of the line:\n\n```markdown\n> Good documentation answers the question before it is asked.\n```\n\nRendered:\n\n> Good documentation answers the question before it is asked.\n\nThe space after the symbol is recommended. Some parsers also understand `>A quotation`, but `> A quotation` remains more readable and portable.\n\nThe `>` symbol is not a decorative quotation mark. It turns the paragraph into a block quote. A Markdown reader can then display it with a border, indentation, a background color, or a combination of these styles.\n\n### Add several lines\n\nPrefix each line with `>`:\n\n```markdown\n> A quotation can continue\n> across several lines in the source\n> and form a single paragraph when rendered.\n```\n\nRendered:\n\n> A quotation can continue\n> across several lines in the source\n> and form a single paragraph when rendered.\n\nCommonMark sometimes allows a continuation line without the `>` symbol. This form therefore works in many readers:\n\n```markdown\n> The first fragment begins the quotation,\nand the second can still belong to it.\n```\n\nI do not recommend this implicit form. Adding `>` to every line immediately shows where the quotation begins and ends, especially in a Git diff or an editor without a preview.\n\n### End the blockquote\n\nLeave a blank line before returning to normal text:\n\n```markdown\n> Here is the quotation.\n\nHere is the next paragraph.\n```\n\nThis separation is not always required by the parser, but it prevents a later edit from accidentally attaching the paragraph to the blockquote.\n\n## 2. Write several paragraphs inside a blockquote\n\nA blockquote can contain several paragraphs. Keep the marker on the blank line that separates them:\n\n```markdown\n> The first paragraph introduces the main idea.\n>\n> The second adds a detail or develops the argument.\n```\n\nRendered:\n\n> The first paragraph introduces the main idea.\n>\n> The second adds a detail or develops the argument.\n\nA line containing only `>` means: “the blockquote continues, but a new paragraph begins.” It makes the structure more explicit than a completely blank line.\n\nYou can apply the same rule to a longer quotation:\n\n```markdown\n> First paragraph.\n>\n> Second paragraph.\n>\n> Third paragraph.\n```\n\nA blockquote is not a good way to indent several pages of text. If you control the document, summarize long passages and keep only the excerpt you need. The file will remain easier to read, with or without rendered output.\n\n## 3. Add the author and source of a quotation\n\nMarkdown has no standard syntax that automatically identifies the author, book, or page of a quotation. You must write the attribution as part of the content.\n\nThe simplest form places the source on a final line:\n\n```markdown\n> Reading is a friendship.\n>\n> — Marcel Proust\n```\n\nRendered:\n\n> Reading is a friendship.\n>\n> — Marcel Proust\n\nYou can add a link when the source is available online:\n\n```markdown\n> An excerpt quoted in the document.\n>\n> — [Author's name](https:\u002F\u002Fexample.com\u002Fsource), *Title of the source*\n```\n\nFor a more discreet attribution, place it after the block:\n\n```markdown\n> An excerpt quoted in the document.\n\n— Author's name, *Title of the source*\n```\n\nBoth presentations are valid. An attribution inside the block visually groups the excerpt and its source. An attribution outside the block distinguishes the quoted words more clearly from your own bibliographic information.\n\nI prefer the second form for a formal quotation because it avoids suggesting that the author's name is part of the original text. For a short epigraph or a highlighted sentence, the first form often looks more elegant.\n\nIn either case, do not rely on formatting to replace a real reference. If the origin matters, provide enough information to find it again: author, title, link, date, or page number, depending on the context.\n\n## 4. Nest blockquotes\n\nAdd a second `>` symbol to create a blockquote inside the first:\n\n```markdown\n> First level of quotation.\n>\n> > Second level, quoted inside the first.\n>\n> Back to the first level.\n```\n\nRendered:\n\n> First level of quotation.\n>\n> > Second level, quoted inside the first.\n>\n> Back to the first level.\n\nEach additional symbol adds another level:\n\n```markdown\n> Level 1\n>> Level 2\n>>> Level 3\n```\n\nSpaces between the symbols are not always required, but this version is easier to read:\n\n```markdown\n> Level 1\n> > Level 2\n> > > Level 3\n```\n\nNesting is useful for reproducing a discussion, a reply in an email, or a source that contains an excerpt of its own. It quickly becomes difficult to follow beyond two levels. If the hierarchy belongs to your own document, headings or a nested list usually express the structure more clearly.\n\n## 5. Add Markdown inside a blockquote\n\nA blockquote can contain more than a paragraph. The [CommonMark specification](https:\u002F\u002Fspec.commonmark.org\u002Fcurrent\u002F#block-quotes) defines it as a container block, so Markdown markers continue to work after the `>` symbol.\n\n### Format the text\n\n```markdown\n> This decision is **important**, but this option remains *optional*.\n>\n> Also read the [documentation](https:\u002F\u002Fexample.com).\n```\n\nRendered:\n\n> This decision is **important**, but this option remains *optional*.\n>\n> Also read the [documentation](https:\u002F\u002Fexample.com).\n\nYou can find the rules for bold, italic, and other styles in [Bold, Italic, Strikethrough, and Underline in Markdown](\u002Fen\u002Fblog\u002Fbold-italic-strikethrough-underline-markdown\u002F).\n\n### Add a list\n\nPrefix the list lines as well:\n\n```markdown\n> Three points to remember:\n>\n> - a blockquote has a specific meaning;\n> - it can contain several blocks;\n> - its indentation should remain readable.\n```\n\nRendered:\n\n> Three points to remember:\n>\n> - a blockquote has a specific meaning;\n> - it can contain several blocks;\n> - its indentation should remain readable.\n\n### Add code\n\nInline code works normally:\n\n```markdown\n> The `pnpm test` command runs the project's tests.\n```\n\nFor a fenced code block, place the `>` symbol in front of every line, including the fences:\n\n````markdown\n> Example configuration:\n>\n> ```json\n> {\n>   \"theme\": \"dark\"\n> }\n> ```\n````\n\nRendered:\n\n> Example configuration:\n>\n> ```json\n> {\n>   \"theme\": \"dark\"\n> }\n> ```\n\nThe triple backticks protect the contents of the block: asterisks, brackets, and `>` symbols inside it are displayed literally instead of being interpreted as Markdown.\n\n## 6. Create your first callout\n\nA callout is a box that identifies the purpose of a piece of information: a note, tip, essential point, or warning. Its syntax begins like a blockquote and adds a marker in brackets:\n\n```markdown\n> [!TYPE]\n> Callout content.\n```\n\nFor example:\n\n```markdown\n> [!TIP]\n> Keep callouts short so their importance remains visible.\n```\n\nRendered in Fude:\n\n> [!TIP]\n> Keep callouts short so their importance remains visible.\n\nCallouts are not part of the CommonMark core. They are an extension adopted by tools including GitHub, Obsidian, and Fude. In a reader that does not recognize the extension, the content generally remains readable as an ordinary blockquote, with `[!TIP]` visible on the first line.\n\nThe marker must appear at the beginning of the block. This source does not create a callout:\n\n```markdown\n> An introduction before the marker.\n> [!TIP]\n> The tip appears too late.\n```\n\nRendered in Fude:\n\n> An introduction before the marker.\n> [!TIP]\n> The tip appears too late.\n\nThe block remains an ordinary blockquote because `[!TIP]` is not its first content.\n\n## 7. Choose among the five portable callout types\n\nGitHub defines five alert types. Fude supports all of them, and Obsidian recognizes them as well:\n\n| Marker | Label shown by Fude in English | Recommended use |\n| --- | --- | --- |\n| `[!NOTE]` | Note | Context, clarification, or additional information |\n| `[!TIP]` | Tip | Best practice, shortcut, or more efficient method |\n| `[!IMPORTANT]` | Important | Information that is essential for completing a step |\n| `[!WARNING]` | Warning | Likely risk or an action that requires attention |\n| `[!CAUTION]` | Caution | Serious consequence, data loss, or an action that is difficult to undo |\n\n### Note\n\n```markdown\n> [!NOTE]\n> The file remains readable in a text editor without a Markdown preview.\n```\n\n> [!NOTE]\n> The file remains readable in a text editor without a Markdown preview.\n\n### Tip\n\n```markdown\n> [!TIP]\n> Use one callout to group several closely related tips.\n```\n\n> [!TIP]\n> Use one callout to group several closely related tips.\n\n### Important\n\n```markdown\n> [!IMPORTANT]\n> Save the file before closing your editor.\n```\n\n> [!IMPORTANT]\n> Save the file before closing your editor.\n\n### Warning\n\n```markdown\n> [!WARNING]\n> A Markdown extension can produce different output in another reader.\n```\n\n> [!WARNING]\n> A Markdown extension can produce different output in another reader.\n\n### Caution\n\n```markdown\n> [!CAUTION]\n> Deleting the only copy of a file causes data loss.\n```\n\n> [!CAUTION]\n> Deleting the only copy of a file causes data loss.\n\nThe five keywords remain in English in the source. Fude automatically translates their visible labels according to the interface language: `[!TIP]`, for example, becomes “Conseil” in French. You do not need to translate the marker itself.\n\nCallout types are case-insensitive in Fude: `[!note]`, `[!Note]`, and `[!NOTE]` produce the same callout. I still recommend uppercase letters because they match GitHub's documented syntax and make the marker easier to spot.\n\n## 8. Choose between a blockquote and a callout\n\nNow that both forms are clear, the right choice depends on the content's origin and purpose.\n\n| Goal | Syntax | Recommended element |\n| --- | --- | --- |\n| Reproduce the words of a person or source | `> Quoted text` | Blockquote |\n| Set apart an excerpt from another document | `> Excerpt` | Blockquote |\n| Add useful context | `> [!NOTE]` | Note callout |\n| Give practical advice | `> [!TIP]` | Tip callout |\n| Highlight essential information | `> [!IMPORTANT]` | Important callout |\n| Warn about a risk | `> [!WARNING]` or `> [!CAUTION]` | Warning callout |\n\nI use a blockquote when the content comes from somewhere else or should be read as an excerpt. I use a callout when the document keeps speaking in its own voice but a piece of information deserves special visual treatment.\n\nThe distinction is semantic as well. Placing a sentence in a blockquote indicates that it can be attributed to a source. Placing an instruction in an `IMPORTANT` callout identifies its role in the reading flow instead.\n\n## 9. Add a custom title\n\nIn Fude, add the title after the marker:\n\n```markdown\n> [!TIP] Review the source before publishing\n> A successful preview does not guarantee that the file remains easy to edit.\n```\n\nRendered:\n\n> [!TIP] Review the source before publishing\n> A successful preview does not guarantee that the file remains easy to edit.\n\nThe space between `]` and the title is required:\n\n```markdown\n> [!TIP] Valid title\n> This block becomes a callout.\n\n> [!TIP]Invalid title\n> This block remains an ordinary blockquote.\n```\n\nRendered in Fude:\n\n> [!TIP] Valid title\n> This block becomes a callout.\n\n> [!TIP]Invalid title\n> This block remains an ordinary blockquote.\n\nIn Fude, the second block remains an ordinary blockquote. This behavior prevents text that merely resembles the marker from being transformed accidentally.\n\nA custom title can contain inline Markdown:\n\n```markdown\n> [!IMPORTANT] Check **before** `git commit` with the [checklist](https:\u002F\u002Fexample.com\u002Fchecklist)\n> Review every item before publishing.\n```\n\nRendered in Fude:\n\n> [!IMPORTANT] Check **before** `git commit` with the [checklist](https:\u002F\u002Fexample.com\u002Fchecklist)\n> Review every item before publishing.\n\nFude interprets bold text, inline code, and links inside the title. Keep titles short, however: the label should guide the eye rather than replace the callout's content.\n\nObsidian also supports custom titles, but GitHub's alert syntax does not document them. If the same file must retain consistent output across all three tools, keep only the marker on the first line and place your heading in bold within the content:\n\n```markdown\n> [!TIP]\n> **Review the source before publishing**\n>\n> A successful preview does not guarantee that the file remains easy to edit.\n```\n\nRendered in Fude:\n\n> [!TIP]\n> **Review the source before publishing**\n>\n> A successful preview does not guarantee that the file remains easy to edit.\n\n## 10. Put rich content inside a callout\n\nA Fude callout can contain several paragraphs, lists, links, a table, or a code block. The rule is the same as for a blockquote: each line belongs to the block through its `>` symbol.\n\n### Several paragraphs and a list\n\n```markdown\n> [!IMPORTANT] Before publishing\n> Check the document's content first.\n>\n> - review the headings;\n> - test the links;\n> - check the code blocks.\n>\n> Publish only after completing all three checks.\n```\n\nRendered in Fude:\n\n> [!IMPORTANT] Before publishing\n> Check the document's content first.\n>\n> - review the headings;\n> - test the links;\n> - check the code blocks.\n>\n> Publish only after completing all three checks.\n\n### A table\n\n```markdown\n> [!NOTE] Compatibility\n>\n> | Element | Support |\n> | --- | --- |\n> | Blockquote | Standard Markdown |\n> | Callout | Extension |\n```\n\nRendered in Fude:\n\n> [!NOTE] Compatibility\n>\n> | Element | Support |\n> | --- | --- |\n> | Blockquote | Standard Markdown |\n> | Callout | Extension |\n\n### A code block\n\n````markdown\n> [!TIP] Verification command\n> Run the tests before publishing:\n>\n> ```bash\n> pnpm test\n> ```\n````\n\nRendered in Fude:\n\n> [!TIP] Verification command\n> Run the tests before publishing:\n>\n> ```bash\n> pnpm test\n> ```\n\n### A Mermaid diagram in Fude\n\nFude can also render a Mermaid block inside a callout:\n\n````markdown\n> [!NOTE] Review flow\n>\n> ```mermaid\n> flowchart LR\n>   A[Draft] --> B[Review]\n>   B --> C[Publish]\n> ```\n````\n\nRendered in Fude:\n\n> [!NOTE] Review flow\n>\n> ```mermaid\n> flowchart LR\n>   A[Draft] --> B[Review]\n>   B --> C[Publish]\n> ```\n\nThis combination depends on the reader. The callout and Mermaid are two separate extensions: a tool may recognize one without supporting the other. For a highly portable document, accompany the diagram with a sentence that summarizes its meaning.\n\n## 11. Use a blockquote or callout inside a list\n\nA blockquote placed inside a list item must be indented like the rest of that item's content:\n\n```markdown\n1. Read the recommendation.\n\n    > Always verify the source before sharing a quotation.\n\n2. Apply the recommendation.\n```\n\nRendered:\n\n1. Read the recommendation.\n\n    > Always verify the source before sharing a quotation.\n\n2. Apply the recommendation.\n\nThe same principle applies to a callout:\n\n```markdown\n- Prepare the release.\n\n    > [!WARNING]\n    > Relative links may change after the file is moved.\n\n- Check the final output.\n```\n\nRendered in Fude:\n\n- Prepare the release.\n\n    > [!WARNING]\n    > Relative links may change after the file is moved.\n\n- Check the final output.\n\nIn Fude, this callout is recognized even though it belongs to a list. The block is nested in a list item, not in another blockquote.\n\nFude does not, however, transform a marker placed inside an already nested blockquote:\n\n```markdown\n> Main quotation.\n>\n> > [!TIP]\n> > This block remains an ordinary nested blockquote in Fude.\n```\n\nRendered in Fude:\n\n> Main quotation.\n>\n> > [!TIP]\n> > This block remains an ordinary nested blockquote in Fude.\n\nThis restriction prevents a quoted source that happens to contain `[!TIP]` from changing its nature. If you need a callout, move it outside the parent blockquote.\n\n### Inside a Fude Kanban board\n\nA callout can appear in the detailed content of a Kanban card opened in Fude:\n\n````markdown\n```kanban-board\n## To review\n\n- [ ] Open this card\n\n  > [!IMPORTANT] Pre-publish check\n  > This callout appears in the card details.\n```\n````\n\nRendered in Fude — open the card to display the callout:\n\n```kanban-board\n## To review\n\n- [ ] Open this card\n\n  > [!IMPORTANT] Pre-publish check\n  > This callout appears in the card details.\n```\n\n## 12. Compare GitHub, Obsidian, and Fude\n\nAll three tools understand ordinary Markdown blockquotes. Their differences appear with callouts.\n\n### On GitHub\n\nGitHub calls this feature “alerts.” Its [Markdown syntax documentation](https:\u002F\u002Fdocs.github.com\u002Fen\u002Fget-started\u002Fwriting-on-github\u002Fgetting-started-with-writing-and-formatting-on-github\u002Fbasic-writing-and-formatting-syntax#alerts) describes five types: `NOTE`, `TIP`, `IMPORTANT`, `WARNING`, and `CAUTION`.\n\nGitHub recommends reserving alerts for crucial information, using no more than one or two per article, and avoiding consecutive alerts. GitHub alerts cannot be nested inside other elements.\n\n### In Obsidian\n\n[Obsidian callouts](https:\u002F\u002Fobsidian.md\u002Fhelp\u002Fcallouts) use the same principle but add more variations: custom titles, collapsible callouts, nesting, and additional types such as `abstract`, `question`, and `example`.\n\nThese options are useful inside an Obsidian vault, but they are not all portable. A marker recognized by Obsidian may remain an ordinary blockquote in GitHub or Fude.\n\n### In Fude\n\nFude supports the five types shared by GitHub and Obsidian. Every callout has an icon, a tone, and a visible label, so its meaning does not depend on color alone. The generated label follows the interface language.\n\nFude also supports custom titles, rich content, and callouts placed inside lists. Callouts nested inside another blockquote deliberately remain ordinary blockquotes.\n\nYou can paste every example from this article into the [free Markdown reader on Fude.md](\u002Fen\u002Fmarkdown-viewer\u002F) to check its rendered output immediately.\n\n## 13. Keep callouts portable and useful\n\nA visible callout attracts attention. Ten callouts on the same page have the opposite effect: nothing seems important anymore.\n\nThese are the rules I use:\n\n- reserve blockquotes for excerpts and attributed words;\n- reserve callouts for information that truly changes the reader's understanding or next action;\n- choose one of the five shared types when a file moves between several tools;\n- do not communicate information through color alone;\n- write content that remains understandable if the callout becomes an ordinary blockquote;\n- avoid consecutive callouts when normal paragraphs would be enough;\n- keep the title short and give each box a single purpose.\n\nMy rule is simple: if the reader needs to stop or change their behavior, a callout may be justified. If you only want to make the page look less monotonous, add a heading, shorten the paragraph, or improve its structure instead.\n\nFor the best compatibility across GitHub, Obsidian, and Fude, use this minimal form:\n\n```markdown\n> [!NOTE]\n> Short, self-contained content that remains understandable without color.\n```\n\nIt uses one of the five shared markers without a custom title, collapsing behavior, or a type specific to one tool.\n\n## 14. Troubleshoot common problems\n\n### “My `>` symbol remains visible as text”\n\nCheck that it appears at the beginning of the line and is separated from the content by a space:\n\n```markdown\n> Valid blockquote\nText > that does not create a blockquote\n```\n\nAlso make sure you are looking at the preview. A source editor naturally displays the `>` character.\n\n### “My blockquote stops after the first paragraph”\n\nThe blank line probably interrupted the block. Prefix it with `>`:\n\n```markdown\n> First paragraph.\n>\n> Second paragraph.\n```\n\n### “My nested blockquote remains at the first level”\n\nEach level needs its own `>` symbol:\n\n```markdown\n> First level\n> > Second level\n```\n\nAlso check the markers on blank lines, and avoid mixing approximate indentation with several writing styles.\n\n### “My callout appears as an ordinary blockquote”\n\nCheck these four points:\n\n- the `[!TYPE]` marker is the first content in the block;\n- the type is one of the five recognized values;\n- the brackets, exclamation mark, and name are complete;\n- the reader supports callouts.\n\nThis source is valid:\n\n```markdown\n> [!WARNING]\n> Warning content.\n```\n\n### “The custom title does not work in Fude”\n\nAdd at least one ASCII space between the closing bracket and the title:\n\n```markdown\n> [!TIP] Recognized title\n```\n\nWithout that space, Fude keeps the block as an ordinary blockquote:\n\n```markdown\n> [!TIP]Unrecognized title\n```\n\n### “`[!ADVICE]` is not recognized”\n\nUse one of the five supported keywords. Write `[!TIP]` for practical advice rather than inventing another marker.\n\n### “My type works in Obsidian, but not elsewhere”\n\nObsidian supports more types than GitHub and Fude. Replace the marker with one of the five shared types: `NOTE`, `TIP`, `IMPORTANT`, `WARNING`, or `CAUTION`.\n\n### “My nested callout remains a blockquote in Fude”\n\nThis is expected behavior. Fude recognizes a callout in the document or inside a list, but not inside another blockquote. Move the block outside its parent quotation.\n\n### “The content escapes the callout”\n\nA line has probably lost its `>` symbol. Prefix every paragraph, list item, and code-fence line with `>`:\n\n````markdown\n> [!NOTE]\n> First paragraph.\n>\n> ```text\n> Code block content\n> ```\n````\n\n## 15. Copy this cheat sheet\n\n````markdown\n# Simple blockquote\n> A one-line quotation.\n\n# Blockquote across several lines\n> A quotation can continue\n> across several lines in the source.\n\n# Several paragraphs\n> First paragraph.\n>\n> Second paragraph.\n\n# Attribution inside the block\n> Quoted text.\n>\n> — Author's name, *Title of the source*\n\n# Nested blockquote\n> First level\n> > Second level\n\n# List inside a blockquote\n> Points to remember:\n>\n> - first point;\n> - second point.\n\n# Code block inside a blockquote\n> Example:\n>\n> ```bash\n> pnpm test\n> ```\n\n# The five portable callouts\n> [!NOTE]\n> Additional information.\n\n> [!TIP]\n> Practical advice.\n\n> [!IMPORTANT]\n> Essential information.\n\n> [!WARNING]\n> A risk that requires attention.\n\n> [!CAUTION]\n> A serious consequence or an action that is difficult to undo.\n\n# Custom title in Fude and Obsidian\n> [!TIP] A short title\n> The tip's content.\n\n# Callout with several blocks\n> [!IMPORTANT] Before publishing\n> First paragraph.\n>\n> - review the text;\n> - test the links;\n> - check the rendered output.\n````\n\n---\n\nMarkdown blockquotes and callouts start in the same way, but they do not communicate the same thing. `>` identifies an excerpt or a quoted voice. `> [!TYPE]` identifies the role of information written by the document's author.\n\nFor a clear blockquote, place a `>` symbol in front of every line, keep it on blank lines, and attribute the source explicitly. For a portable callout, choose `NOTE`, `TIP`, `IMPORTANT`, `WARNING`, or `CAUTION`, then write content that remains understandable in a reader that does not recognize the extension.\n\nTo continue learning, read the guides to [text formatting](\u002Fen\u002Fblog\u002Fbold-italic-strikethrough-underline-markdown\u002F), [Markdown lists](\u002Fen\u002Fblog\u002Fmarkdown-lists-bullets-numbering-nesting-checkboxes\u002F), [links](\u002Fen\u002Fblog\u002Fhow-to-create-links-in-markdown\u002F), and [tables](\u002Fen\u002Fblog\u002Fmarkdown-table-complete-guide-with-examples\u002F).\n\nTo test a blockquote or callout without creating a file, paste its source into the [free Markdown reader on Fude.md](\u002Fen\u002Fmarkdown-viewer\u002F).\n\n📌 [Download Fude](\u002Fen\u002F#download)\n",[2696,2698],{"locale":2697,"slug":2691},"en",{"locale":2699,"slug":2700},"fr","citations-markdown-blocs-imbrication-callouts",{"title":2702,"path":2703,"stem":2704,"description":2705,"children":-1},"Markdown Lists: Bullets, Numbering, Nesting, and Checkboxes","\u002Fen\u002Fblog\u002Fmarkdown-lists-bullets-numbering-nesting-checkboxes","en\u002Fblog\u002F10.markdown-lists-bullets-numbering-nesting-checkboxes","Learn how to create bulleted, numbered, nested, and task lists in Markdown, then avoid common indentation and rendering issues.",1787065302374]