[{"data":1,"prerenderedAt":2526},["ShallowReactive",2],{"\u002Fexample":3,"surround-\u002Fexample":2520},{"id":4,"title":5,"body":6,"categories":2496,"date":2499,"description":2500,"draft":2501,"extension":373,"image":2502,"meta":2503,"navigation":2505,"path":2506,"permalink":2507,"published":2507,"readingTime":2508,"recommend":2513,"references":2507,"seo":2514,"sitemap":2515,"stem":2516,"tags":2517,"type":2174,"updated":2518,"__hash__":2519},"content\u002Fposts\u002Fexample.md","组件样式示例",{"type":7,"value":8,"toc":2445},"minimark",[9,14,18,77,80,84,194,198,201,209,221,250,288,292,299,306,318,332,339,347,354,360,367,376,384,387,394,406,409,415,435,442,447,487,490,845,1439,1442,1454,1474,1477,1480,1483,1577,1581,1653,1657,1672,1689,1697,1703,1726,1730,1735,1771,1775,1823,1827,1849,1852,1869,1873,1878,1903,1907,1912,1916,1921,1983,1987,1996,2097,2101,2120,2124,2139,2143,2148,2163,2167,2179,2203,2206,2214,2244,2246,2299,2303,2357,2361,2387,2391,2396,2426,2429,2436,2439,2442],[10,11,13],"h2",{"id":12},"在-markdown-中使用组件","在 Markdown 中使用组件",[15,16,17],"p",{},"Nuxt Content 使用 Markdown 语法和约定来提供丰富的文本编辑体验。它使用自定的 MDC 语法，可以让你在 Markdown 中使用 Vue 组件，并支持多种 remark 扩展。",[19,20,22,64],"tab",{":tabs":21},"[\"组件\",\"语法\"]",[23,24,26,35],"template",{"v-slot:tab1":25},"",[27,28],"link-card",{"icon":29,"link":30,"title":31,"className":32},"https:\u002F\u002Fcontent.nuxt.com\u002Ffavicon.ico","https:\u002F\u002Fcontent.nuxt.com\u002Fdocs\u002Ffiles\u002Fmarkdown#mdc-syntax","MDC 基本语法（必读）",[33,34],"gradient-card","active",[15,36,37,49,50,63],{},[38,39,40,41,48],"del",{},"也许要看到 ",[42,43,47],"a",{"href":44,"rel":45},"https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3\u002Fblob\u002Fmain\u002Fcontent\u002Fpreviews\u002Fexample.md",[46],"nofollow","本页源码"," 才能领会到这种语法的特性","，现在可以在页面内看源代码了，",[51,52,57,58,62],"span",{"className":53,"id":55,"style":56},[54],"example-info","just-like-this","color: #00bb66","就像",[59,60,61],"strong",{},"这样","——","，或是主题介绍页面的组件入口卡片那样……确定不对照源码阅读吗？",[23,65,66],{"v-slot:tab2":25},[67,68,74],"pre",{"className":69,"code":71,"language":72,"meta":73},[70],"language-mdc","::link-card\n---\ntitle: MDC 基本语法（必读）\nicon: https:\u002F\u002Fv2.content.nuxt.com\u002Ffavicon.ico\nlink: https:\u002F\u002Fcontent.nuxt.com\u002Fdocs\u002Ffiles\u002Fmarkdown#mdc-syntax\nclass: gradient-card active\n---\n::\n\n~~也许要看到 [本页源码](https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3\u002Fblob\u002Fmain\u002Fcontent\u002Fpreviews\u002Fexample.md) 才能领会到这种语法的特性~~，现在可以在页面内看源代码了，[就像**这样**——]{.example-info #just-like-this style=\"color: #00bb66\"}，或是主题介绍页面的组件入口卡片那样……确定不对照源码阅读吗？\n","mdc","wrap",[75,76,71],"code",{"__ignoreMap":25},[15,78,79],{},"我编写了一些可以在 Markdown 文件中调用的组件，以下是一些示例。",[10,81,83],{"id":82},"通过-css-类名控制样式","通过 CSS 类名控制样式",[19,85,86,186],{":tabs":21},[23,87,88,134,137],{"v-slot:tab1":25},[89,90,91,110,118,121,131],"ul",{},[92,93,94,95],"li",{},"各级标题\n",[89,96,97,107],{},[92,98,99,100,106],{},"在 Front matter 中设置 ",[75,101,104],{"className":102,"code":104,"language":105},[103],"language-yaml","type: story","yaml"," 可以换用不同样式。",[92,108,109],{},"跟随 URL Hash（网址锚点）的高亮。",[92,111,112],{},[113,114,115],"blockquote",{},[15,116,117],{},"引用。",[92,119,120],{},"无序和有序列表。",[92,122,123,126,127,130],{},[59,124,125],{},"粗体","、",[38,128,129],{},"删除线","。",[92,132,133],{},"分割线。",[135,136],"hr",{},[89,138,139,152,163,170,177],{},[92,140,141,142,145,146,130],{},"带有 ",[75,143,144],{"code":144},"icon"," 类名的图片，如 ",[147,148],"img",{"alt":149,"className":150,"src":151},"图片",[144],"https:\u002F\u002Fpicsum.photos\u002F100\u002F100",[92,153,154],{},[51,155,158,159,162],{"className":156},[157],"title-like","只在 ",[75,160,104],{"className":161,"code":104,"language":105},[103]," 时🀄",[92,164,165],{},[51,166,169],{"className":167},[168],"text-story","故事感。",[92,171,172],{},[51,173,176],{"className":174},[175],"text-repeat","阴 影 回 声",[92,178,179,180,185],{},"滚动，然后悄悄",[51,181,184],{"className":182},[183],"text-zoom","变大变高","，惊艳所有人。",[23,187,188],{"v-slot:tab2":25},[67,189,192],{"className":190,"code":191,"language":72,"meta":25},[70],"- 各级标题\n  - 在 Front matter 中设置 `type: story`{lang=\"yaml\"} 可以换用不同样式。\n  - 跟随 URL Hash（网址锚点）的高亮。\n- > 引用。\n- 无序和有序列表。\n- **粗体**、~~删除线~~。\n- 分割线。\n---\n- 带有 `icon` 类名的图片，如 ![图片](https:\u002F\u002Fpicsum.photos\u002F100\u002F100){.icon}。\n- [只在 `type: story`{lang=\"yaml\"} 时🀄]{.title-like}\n- [故事感。]{.text-story}\n- [阴 影 回 声]{.text-repeat}\n- 滚动，然后悄悄[变大变高]{.text-zoom}，惊艳所有人。\n",[75,193,191],{"__ignoreMap":25},[10,195,197],{"id":196},"markdown-语法组件","Markdown 语法组件",[15,199,200],{},"可以通过 Markdown 原生语法、HTML 语法和 MDC 语法使用的组件。",[202,203,205,206],"h3",{"id":204},"链接-prosea","链接 ",[75,207,208],{"code":208},"ProseA",[15,210,211,130,215,220],{},[42,212,214],{"href":213},"#%E9%93%BE%E6%8E%A5-prosea","这是内部链接",[42,216,219],{"href":217,"rel":218},"https:\u002F\u002Fzhilu.site",[46],"站外链接"," 默认在新标签页打开，并在鼠标悬浮时展示域名。",[15,222,223,224,126,229,126,234,126,239,126,244,249],{},"还会根据域名展示图标，例如 ",[42,225,228],{"href":226,"rel":227},"https:\u002F\u002Flearn.microsoft.com\u002Fzh-cn\u002F",[46],"微软文档",[42,230,233],{"href":231,"rel":232},"https:\u002F\u002Fgithub.com\u002F",[46],"GitHub",[42,235,238],{"href":236,"rel":237},"https:\u002F\u002Fwww.bilibili.com\u002F",[46],"Bilibili",[42,240,243],{"href":241,"rel":242},"https:\u002F\u002Fim.qq.com\u002F",[46],"QQ 官网",[42,245,248],{"href":246,"rel":247},"https:\u002F\u002Fmp.weixin.qq.com\u002F",[46],"微信公众号"," 等。",[251,252,254],"alert",{"title":253},"自定义图标",[19,255,256,280],{":tabs":21},[23,257,258],{"v-slot:tab1":25},[15,259,260,261,263,264,267,268,273,274,279],{},"你可以将 ",[75,262,144],{"code":144}," 属性指定 Iconify 图标名，例如 ",[42,265,42],{"href":213,"icon":266},"ph:swatches-duotone","。图标可在 ",[42,269,272],{"href":270,"rel":271},"https:\u002F\u002Ficon-sets.iconify.design\u002F",[46],"Iconify"," 或 ",[42,275,278],{"href":276,"rel":277},"https:\u002F\u002Fyesicon.app\u002F",[46],"Yesicon"," 搜索。",[23,281,282],{"v-slot:tab2":25},[67,283,286],{"className":284,"code":285,"language":72,"meta":73},[70],"你可以将 `icon` 属性指定 Iconify 图标名，例如 [a](#链接-prosea){icon=\"ph:swatches-duotone\"}。图标可在 [Iconify](https:\u002F\u002Ficon-sets.iconify.design\u002F) 或 [Yesicon](https:\u002F\u002Fyesicon.app\u002F) 搜索。\n",[75,287,285],{"__ignoreMap":25},[289,290,291],"h4",{"id":291},"为更多站点匹配图标",[15,293,294,295,298],{},"你可以在 ",[75,296,297],{"code":297},"app\u002Futils\u002Ficon.ts"," 分别为主域名或专门域名（优先级高）添加匹配规则来为更多站点匹配图标。",[202,300,302,303],{"id":301},"代码-prosecode","代码 ",[75,304,305],{"code":305},"ProseCode",[15,307,308,311,312,130],{},[75,309,310],{"code":310},"行内代码"," 和 ",[42,313,315,316],{"href":314},"#%E4%BB%A3%E7%A0%81-prosecode","在超链接中的 ",[75,317,310],{"code":310},[15,319,320,321,324,325,331],{},"还可以通过在反引号后加 ",[75,322,323],{"code":323},"{lang=\"js\"}"," 等语言实现高亮，例如 ",[75,326,329],{"className":327,"code":329,"language":330},[328],"language-js","const a = 1","js"," 。",[202,333,335,336],{"id":334},"代码块-prosepre","代码块 ",[75,337,338],{"code":338},"ProsePre",[67,340,345],{"className":341,"code":343,"language":344},[342],"language-text","纯文本代码块\n","text",[75,346,343],{"__ignoreMap":25},[67,348,352],{"className":349,"code":350,"filename":351,"language":344,"meta":25},[342],"带文件夹名、未指定语言的代码块\n","文件名",[75,353,350],{"__ignoreMap":25},[67,355,358],{"className":356,"code":357,"language":105,"meta":25},[103],"语言: yaml # 指定语言但无文件名\n",[75,359,357],{"__ignoreMap":25},[67,361,365],{"className":362,"code":363,"filename":364,"language":105,"meta":25},[103],"羽化边缘: 如果一行特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别长，溢出滚动时有羽化边缘。\n","特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别长的文件名",[75,366,363],{"__ignoreMap":25},[67,368,374],{"className":369,"code":371,"filename":372,"language":373,"meta":25},[370],"language-md","# 更新日志\n- 特殊文件名自动匹配图标\n- 若行数超出\n  `appConfig.component.codeblock.triggerRows`\n  （默认32）\n  - 则自动折叠到\n  `appConfig.component.codeblock.collapsedRows`\n  （默认16）\n- 如果设置了 expand，则不会自动折叠\n- 如果设置了 wrap，则会自动换行\n- 如果设置了文件名，则会在代码块标题前展示图标\n  - 图标只在有文件名时展示\n  - 默认图标是语言图标\n  - 特殊文件名也会自动识别出图标\n  - 文件名可以是任意字符串，例如 `CHANGELOG.md`、`README.md` 等\n  - 文件名也可以是路径，例如 `src\u002Fcomponents\u002FProsePre.vue` 等\n  - 还可以通过 `icon=图标` 自定义图标\n\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n\\\n","CHANGELOG.md","md",[75,375,371],{"__ignoreMap":25},[67,377,382],{"className":378,"code":379,"filename":380,"language":373,"meta":381},[370],"- 在 Markdown 文件中，可以通过代码块语法的 meta 标记\n  - `wrap` 直接启用自动换行功能，以展示特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别特别长的文本而不换行\n  - `icon=ph:files-duotone` 自定义代码块图标\n  - `expand` 禁用自动折叠功能\n\n# 代码块语法\n\n```语言简写 [文件名] icon=图标 wrap expand\n- 上面这几项都是可选的。\n- 如果有语言简写，必须位于反引号后的第一项，且需要是小写字母。\n  - https:\u002F\u002Fshiki.style\u002Flanguages\n- 方括号包裹的是文件名。\n- icon=图标、wrap、expand 都是 meta 标记。\n- 如果要在代码块中嵌套代码块语法，外层可以用四个反引号包裹。\n```\n","更多功能","icon=ph:files-duotone wrap expand",[75,383,379],{"__ignoreMap":25},[289,385,386],{"id":386},"高亮和转换",[15,388,389,390,393],{},"代码块通过 Shiki 进行高亮，可在 ",[75,391,392],{"code":392},"blog.config.ts"," 中配置语言（Markdown 中出现的所有语言）和代码高亮主题。",[15,395,396,397,401,402,405],{},"转换器（如 diff）可通过 ",[42,398,399],{"href":399,"rel":400},"https:\u002F\u002Fshiki.style\u002Fpackages\u002Ftransformers#transformers",[46]," 配置，启用的转换器可在 ",[75,403,404],{"code":404},"app\u002Fstores\u002Fshiki.ts"," 查看。",[289,407,408],{"id":408},"为更多语言匹配图标",[15,410,411,412,414],{},"你可以根据 ",[75,413,297],{"code":297}," 语言图标匹配流程为文件后缀、语言简写或别名添加匹配规则来为更多语言匹配图标：",[416,417,418,425,432],"ol",{},[92,419,420,421,424],{},"查找 ",[75,422,423],{"code":423},"file2icon"," 映射表，将文件名后缀替换为图标名。",[92,426,427,428,431],{},"若无匹配，查找 ",[75,429,430],{"code":430},"ext2lang"," 映射表，将语言简写或别名转换为 Catppuccin 图标库中的语言名。",[92,433,434],{},"将 Catppuccin 图标库中的语言名转换为 Iconify 图标名。",[202,436,438,439],{"id":437},"表格-prosetable","表格 ",[75,440,441],{"code":441},"ProseTable",[113,443,444],{},[15,445,446],{},"支持表格横向滚动或自动换行的切换。",[448,449,450,471],"table",{},[451,452,453],"thead",{},[454,455,456,460,464,468],"tr",{},[457,458,459],"th",{},"表头滚动吸附",[457,461,463],{"align":462},"right","滚动时边缘羽化",[457,465,467],{"align":466},"left","如果标题或内容很 loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooog",[457,469,470],{"align":466},"这里还有一列，但是是空内容",[472,473,474],"tbody",{},[454,475,476,480,482,485],{},[477,478,479],"td",{},"已实现",[477,481,479],{"align":462},[477,483,484],{"align":466},"可以切换滚动方式",[477,486],{"align":466},[202,488,489],{"id":489},"数学公式",[113,491,492,831],{},[15,493,494,495,644,645,718,719,826,827,830],{},"由 ",[51,496,499,522],{"className":497},[498],"katex",[51,500,503],{"className":501},[502],"katex-mathml",[504,505,507],"math",{"xmlns":506},"http:\u002F\u002Fwww.w3.org\u002F1998\u002FMath\u002FMathML",[508,509,510,517],"semantics",{},[511,512,513],"mrow",{},[514,515,516],"mtext",{},"KaTeX",[518,519,521],"annotation",{"encoding":520},"application\u002Fx-tex","\\KaTeX",[51,523,527],{"className":524,"ariaHidden":526},[525],"katex-html","true",[51,528,531,536],{"className":529},[530],"base",[51,532],{"className":533,"style":535},[534],"strut","height:0.8988em;vertical-align:-0.2155em;",[51,537,540,545,550,582,586],{"className":538},[539,344],"mord",[51,541,544],{"className":542},[539,543],"textrm","K",[51,546],{"className":547,"style":549},[548],"mspace","margin-right:-0.17em;",[51,551,554],{"className":552},[553],"vlist-t",[51,555,558],{"className":556},[557],"vlist-r",[51,559,563],{"className":560,"style":562},[561],"vlist","height:0.6833em;",[51,564,566,571],{"style":565},"top:-2.905em;",[51,567],{"className":568,"style":570},[569],"pstrut","height:2.7em;",[51,572,574],{"className":573},[539],[51,575,581],{"className":576},[539,543,577,578,579,580],"mtight","sizing","reset-size6","size3","A",[51,583],{"className":584,"style":585},[548],"margin-right:-0.15em;",[51,587,589,593,597,636,640],{"className":588},[539,344],[51,590,592],{"className":591},[539,543],"T",[51,594],{"className":595,"style":596},[548],"margin-right:-0.1667em;",[51,598,601,627],{"className":599},[553,600],"vlist-t2",[51,602,604,622],{"className":603},[557],[51,605,608],{"className":606,"style":607},[561],"height:0.4678em;",[51,609,611,615],{"style":610},"top:-2.7845em;",[51,612],{"className":613,"style":614},[569],"height:3em;",[51,616,618],{"className":617},[539],[51,619,621],{"className":620},[539,543],"E",[51,623,626],{"className":624},[625],"vlist-s","​",[51,628,630],{"className":629},[557],[51,631,634],{"className":632,"style":633},[561],"height:0.2155em;",[51,635],{},[51,637],{"className":638,"style":639},[548],"margin-right:-0.125em;",[51,641,643],{"className":642},[539,543],"X"," 驱动，支持 ",[51,646,648,663],{"className":647},[498],[51,649,651],{"className":650},[502],[504,652,653],{"xmlns":506},[508,654,655,660],{},[511,656,657],{},[514,658,659],{},"TeX",[518,661,662],{"encoding":520},"\\TeX",[51,664,666],{"className":665,"ariaHidden":526},[525],[51,667,669,672],{"className":668},[530],[51,670],{"className":671,"style":535},[534],[51,673,675,678,681,712,715],{"className":674},[539,344],[51,676,592],{"className":677},[539,543],[51,679],{"className":680,"style":596},[548],[51,682,684,704],{"className":683},[553,600],[51,685,687,701],{"className":686},[557],[51,688,690],{"className":689,"style":607},[561],[51,691,692,695],{"style":610},[51,693],{"className":694,"style":614},[569],[51,696,698],{"className":697},[539],[51,699,621],{"className":700},[539,543],[51,702,626],{"className":703},[625],[51,705,707],{"className":706},[557],[51,708,710],{"className":709,"style":633},[561],[51,711],{},[51,713],{"className":714,"style":639},[548],[51,716,643],{"className":717},[539,543]," 和部分 ",[51,720,722,737],{"className":721},[498],[51,723,725],{"className":724},[502],[504,726,727],{"xmlns":506},[508,728,729,734],{},[511,730,731],{},[514,732,733],{},"LaTeX",[518,735,736],{"encoding":520},"\\LaTeX",[51,738,740],{"className":739,"ariaHidden":526},[525],[51,741,743,746],{"className":742},[530],[51,744],{"className":745,"style":535},[534],[51,747,749,753,757,777,780],{"className":748},[539,344],[51,750,752],{"className":751},[539,543],"L",[51,754],{"className":755,"style":756},[548],"margin-right:-0.36em;",[51,758,760],{"className":759},[553],[51,761,763],{"className":762},[557],[51,764,766],{"className":765,"style":562},[561],[51,767,768,771],{"style":565},[51,769],{"className":770,"style":570},[569],[51,772,774],{"className":773},[539],[51,775,581],{"className":776},[539,543,577,578,579,580],[51,778],{"className":779,"style":585},[548],[51,781,783,786,789,820,823],{"className":782},[539,344],[51,784,592],{"className":785},[539,543],[51,787],{"className":788,"style":596},[548],[51,790,792,812],{"className":791},[553,600],[51,793,795,809],{"className":794},[557],[51,796,798],{"className":797,"style":607},[561],[51,799,800,803],{"style":610},[51,801],{"className":802,"style":614},[569],[51,804,806],{"className":805},[539],[51,807,621],{"className":808},[539,543],[51,810,626],{"className":811},[625],[51,813,815],{"className":814},[557],[51,816,818],{"className":817,"style":633},[561],[51,819],{},[51,821],{"className":822,"style":639},[548],[51,824,643],{"className":825},[539,543]," 语法。如果 Markdown 正文需要直接使用 $ 符号，需要使用 ",[75,828,829],{"code":829},"\\$"," 转义。",[15,832,833,838,839,844],{},[42,834,837],{"href":835,"rel":836},"https:\u002F\u002Fkatex.org\u002Fdocs\u002Fsupported",[46],"支持语法列表","（",[42,840,843],{"href":841,"rel":842},"https:\u002F\u002Fwww.luogu.com.cn\u002Fpaste\u002Fhs3jg81l",[46],"中文版","）",[19,846,847,1431],{":tabs":21},[23,848,849,1038,1126],{"v-slot:tab1":25},[15,850,851],{},[51,852,854,889],{"className":853},[498],[51,855,857],{"className":856},[502],[504,858,859],{"xmlns":506},[508,860,861,886],{},[511,862,863,866,870,880,883],{},[514,864,865],{},"课程绩点",[867,868,869],"mo",{},"=",[871,872,873,876],"mfrac",{},[514,874,875],{},"课程分数(成绩)",[877,878,879],"mn",{},"10",[867,881,882],{},"−",[877,884,885],{},"5",[518,887,888],{"encoding":520},"\\text{课程绩点} = \\frac{\\text{课程分数(成绩)}}{10} - 5",[51,890,892,916,1028],{"className":891,"ariaHidden":526},[525],[51,893,895,898,905,909,913],{"className":894},[530],[51,896],{"className":897,"style":562},[534],[51,899,901],{"className":900},[539,344],[51,902,865],{"className":903},[539,904],"cjk_fallback",[51,906],{"className":907,"style":908},[548],"margin-right:0.2778em;",[51,910,869],{"className":911},[912],"mrel",[51,914],{"className":915,"style":908},[548],[51,917,919,923,1017,1021,1025],{"className":918},[530],[51,920],{"className":921,"style":922},[534],"height:1.355em;vertical-align:-0.345em;",[51,924,926,931,1013],{"className":925},[539],[51,927],{"className":928},[929,930],"mopen","nulldelimiter",[51,932,934],{"className":933},[871],[51,935,937,1004],{"className":936},[553,600],[51,938,940,1001],{"className":939},[557],[51,941,944,959,970],{"className":942,"style":943},[561],"height:1.01em;",[51,945,947,950],{"style":946},"top:-2.655em;",[51,948],{"className":949,"style":614},[569],[51,951,953],{"className":952},[578,579,580,577],[51,954,956],{"className":955},[539,577],[51,957,879],{"className":958},[539,577],[51,960,962,965],{"style":961},"top:-3.23em;",[51,963],{"className":964,"style":614},[569],[51,966],{"className":967,"style":969},[968],"frac-line","border-bottom-width:0.04em;",[51,971,973,976],{"style":972},"top:-3.485em;",[51,974],{"className":975,"style":614},[569],[51,977,979],{"className":978},[578,579,580,577],[51,980,982],{"className":981},[539,577],[51,983,985,989,993,997],{"className":984},[539,344,577],[51,986,988],{"className":987},[539,904,577],"课程分数",[51,990,992],{"className":991},[539,577],"(",[51,994,996],{"className":995},[539,904,577],"成绩",[51,998,1000],{"className":999},[539,577],")",[51,1002,626],{"className":1003},[625],[51,1005,1007],{"className":1006},[557],[51,1008,1011],{"className":1009,"style":1010},[561],"height:0.345em;",[51,1012],{},[51,1014],{"className":1015},[1016,930],"mclose",[51,1018],{"className":1019,"style":1020},[548],"margin-right:0.2222em;",[51,1022,882],{"className":1023},[1024],"mbin",[51,1026],{"className":1027,"style":1020},[548],[51,1029,1031,1035],{"className":1030},[530],[51,1032],{"className":1033,"style":1034},[534],"height:0.6444em;",[51,1036,885],{"className":1037},[539],[15,1039,1040],{},[51,1041,1043,1068],{"className":1042},[498],[51,1044,1046],{"className":1045},[502],[504,1047,1048],{"xmlns":506},[508,1049,1050,1065],{},[511,1051,1052,1055,1057,1060,1063],{},[514,1053,1054],{},"学分绩点",[867,1056,869],{},[514,1058,1059],{},"课程学分",[867,1061,1062],{},"×",[514,1064,865],{},[518,1066,1067],{"encoding":520},"\\text{学分绩点} = \\text{课程学分} \\times \\text{课程绩点}",[51,1069,1071,1092,1114],{"className":1070,"ariaHidden":526},[525],[51,1072,1074,1077,1083,1086,1089],{"className":1073},[530],[51,1075],{"className":1076,"style":562},[534],[51,1078,1080],{"className":1079},[539,344],[51,1081,1054],{"className":1082},[539,904],[51,1084],{"className":1085,"style":908},[548],[51,1087,869],{"className":1088},[912],[51,1090],{"className":1091,"style":908},[548],[51,1093,1095,1099,1105,1108,1111],{"className":1094},[530],[51,1096],{"className":1097,"style":1098},[534],"height:0.7667em;vertical-align:-0.0833em;",[51,1100,1102],{"className":1101},[539,344],[51,1103,1059],{"className":1104},[539,904],[51,1106],{"className":1107,"style":1020},[548],[51,1109,1062],{"className":1110},[1024],[51,1112],{"className":1113,"style":1020},[548],[51,1115,1117,1120],{"className":1116},[530],[51,1118],{"className":1119,"style":562},[534],[51,1121,1123],{"className":1122},[539,344],[51,1124,865],{"className":1125},[539,904],[51,1127,1129,1182],{"className":1128},[498],[51,1130,1132],{"className":1131},[502],[504,1133,1134],{"xmlns":506},[508,1135,1136,1179],{},[511,1137,1138,1141,1143,1151,1153],{},[514,1139,1140],{},"平均绩点(GPA)",[867,1142,869],{},[871,1144,1145,1148],{},[514,1146,1147],{},"学分绩点之和",[514,1149,1150],{},"课程学分之和",[867,1152,869],{},[871,1154,1155,1172],{},[511,1156,1157,1160,1163,1165,1167,1170],{},[867,1158,1159],{},"∑",[867,1161,992],{"stretchy":1162},"false",[514,1164,1059],{},[867,1166,1062],{},[514,1168,1169],{},"课程mag绩点",[867,1171,1000],{"stretchy":1162},[511,1173,1174,1176],{},[867,1175,1159],{},[514,1177,1178],{},"课程mag学分",[518,1180,1181],{"encoding":520},"\\text{平均绩点(GPA)} =\\frac {\\text{学分绩点之和}}{\\text{课程学分之和}} = \\frac{\\sum (\\text{课程学分} \\times \\text{课程mag绩点})}{\\sum \\text{课程mag学分}}\n",[51,1183,1185,1212,1304],{"className":1184,"ariaHidden":526},[525],[51,1186,1188,1192,1203,1206,1209],{"className":1187},[530],[51,1189],{"className":1190,"style":1191},[534],"height:1em;vertical-align:-0.25em;",[51,1193,1195,1199],{"className":1194},[539,344],[51,1196,1198],{"className":1197},[539,904],"平均绩点",[51,1200,1202],{"className":1201},[539],"(GPA)",[51,1204],{"className":1205,"style":908},[548],[51,1207,869],{"className":1208},[912],[51,1210],{"className":1211,"style":908},[548],[51,1213,1215,1219,1295,1298,1301],{"className":1214},[530],[51,1216],{"className":1217,"style":1218},[534],"height:1.2173em;vertical-align:-0.345em;",[51,1220,1222,1225,1292],{"className":1221},[539],[51,1223],{"className":1224},[929,930],[51,1226,1228],{"className":1227},[871],[51,1229,1231,1284],{"className":1230},[553,600],[51,1232,1234,1281],{"className":1233},[557],[51,1235,1238,1255,1263],{"className":1236,"style":1237},[561],"height:0.8723em;",[51,1239,1240,1243],{"style":946},[51,1241],{"className":1242,"style":614},[569],[51,1244,1246],{"className":1245},[578,579,580,577],[51,1247,1249],{"className":1248},[539,577],[51,1250,1252],{"className":1251},[539,344,577],[51,1253,1150],{"className":1254},[539,904,577],[51,1256,1257,1260],{"style":961},[51,1258],{"className":1259,"style":614},[569],[51,1261],{"className":1262,"style":969},[968],[51,1264,1266,1269],{"style":1265},"top:-3.394em;",[51,1267],{"className":1268,"style":614},[569],[51,1270,1272],{"className":1271},[578,579,580,577],[51,1273,1275],{"className":1274},[539,577],[51,1276,1278],{"className":1277},[539,344,577],[51,1279,1147],{"className":1280},[539,904,577],[51,1282,626],{"className":1283},[625],[51,1285,1287],{"className":1286},[557],[51,1288,1290],{"className":1289,"style":1010},[561],[51,1291],{},[51,1293],{"className":1294},[1016,930],[51,1296],{"className":1297,"style":908},[548],[51,1299,869],{"className":1300},[912],[51,1302],{"className":1303,"style":908},[548],[51,1305,1307,1311],{"className":1306},[530],[51,1308],{"className":1309,"style":1310},[534],"height:1.53em;vertical-align:-0.52em;",[51,1312,1314,1317,1428],{"className":1313},[539],[51,1315],{"className":1316},[929,930],[51,1318,1320],{"className":1319},[871],[51,1321,1323,1419],{"className":1322},[553,600],[51,1324,1326,1416],{"className":1325},[557],[51,1327,1329,1366,1374],{"className":1328,"style":943},[561],[51,1330,1331,1334],{"style":946},[51,1332],{"className":1333,"style":614},[569],[51,1335,1337],{"className":1336},[578,579,580,577],[51,1338,1340,1347,1351],{"className":1339},[539,577],[51,1341,1159],{"className":1342,"style":1346},[1343,1344,1345,577],"mop","op-symbol","small-op","position:relative;top:0em;",[51,1348],{"className":1349,"style":1350},[548,577],"margin-right:0.1952em;",[51,1352,1354,1358,1362],{"className":1353},[539,344,577],[51,1355,1357],{"className":1356},[539,904,577],"课程",[51,1359,1361],{"className":1360},[539,577],"mag",[51,1363,1365],{"className":1364},[539,904,577],"学分",[51,1367,1368,1371],{"style":961},[51,1369],{"className":1370,"style":614},[569],[51,1372],{"className":1373,"style":969},[968],[51,1375,1376,1379],{"style":972},[51,1377],{"className":1378,"style":614},[569],[51,1380,1382],{"className":1381},[578,579,580,577],[51,1383,1385,1388,1391,1397,1400,1413],{"className":1384},[539,577],[51,1386,1159],{"className":1387,"style":1346},[1343,1344,1345,577],[51,1389,992],{"className":1390},[929,577],[51,1392,1394],{"className":1393},[539,344,577],[51,1395,1059],{"className":1396},[539,904,577],[51,1398,1062],{"className":1399},[1024,577],[51,1401,1403,1406,1409],{"className":1402},[539,344,577],[51,1404,1357],{"className":1405},[539,904,577],[51,1407,1361],{"className":1408},[539,577],[51,1410,1412],{"className":1411},[539,904,577],"绩点",[51,1414,1000],{"className":1415},[1016,577],[51,1417,626],{"className":1418},[625],[51,1420,1422],{"className":1421},[557],[51,1423,1426],{"className":1424,"style":1425},[561],"height:0.52em;",[51,1427],{},[51,1429],{"className":1430},[1016,930],[23,1432,1433],{"v-slot:tab2":25},[67,1434,1437],{"className":1435,"code":1436,"language":72,"meta":73},[70],"$\\text{课程绩点} = \\frac{\\text{课程分数(成绩)}}{10} - 5$\n\n$$ \\text{学分绩点} = \\text{课程学分} \\times \\text{课程绩点} $$\n\n```math\n\\text{平均绩点(GPA)} =\\frac {\\text{学分绩点之和}}{\\text{课程学分之和}} = \\frac{\\sum (\\text{课程学分} \\times \\text{课程mag绩点})}{\\sum \\text{课程mag学分}}\n```\n",[75,1438,1436],{"__ignoreMap":25},[202,1440,1441],{"id":1441},"乐谱渲染播放",[113,1443,1444,1447],{},[15,1445,1446],{},"必要时可用豆包等 AI 将乐谱识别为 ABC 记法。只在网络状态良好时加载播放能力。",[15,1448,1449,1450],{},"编辑器、Cheat Sheet 和语法检查：",[42,1451,1452],{"href":1452,"rel":1453},"https:\u002F\u002Feditor.drawthedots.com\u002F",[46],[19,1455,1456,1465],{":tabs":21},[23,1457,1458,1462],{"v-slot:tab1":25},[1459,1460],"music-score",{"abc":1461},"L:1\u002F8\nQ:1\u002F4=100 \"andante moderato\"\nM:2\u002F4\nK:D\n\"D\" FA A>B | AF DD\u002FE\u002F |1 \"G\" FF ED | \"A\" E2 z2 :|2 \"G\" FF \"A\" EE | \"D\" D2 z2 ||",[1459,1463],{"abc":1464},"L:1\u002F8\nQ:1\u002F4=100\nM:2\u002F4\nK:D\nV:1 clef=treble\nV:2 clef=bass\n%%MIDI program 32\n[V:1] z2 z f\u002Fg\u002F | aa a>b | af dd\u002Fe\u002F | ff ee | d2 z2 || FA A>B | AF DD\u002FE\u002F |\nw: | | | | | 你 爱 我 | 我 爱 你 蜜 雪\n[V:2] z4 | D,[F,A,] .A,[F,A,] | .D,[F,A,] .A,[E,A,] | .G,,[G,D,] .A,,[E,A,] | .D,[F,A,] [D,,D,]2 || .D,,[D,F,] .A,,[D,F,] | .D,,[D,F,] .A,,[D,F,] |\n[V:1] FF ED | E2 z2 | FA A>B | AF DD\u002FE\u002F | FF EE | D2 z2 | G2 G2 |\nw: 冰 城 甜 蜜 | 蜜 | 你 爱 我 | 我 爱 你 蜜 雪 冰 城 甜 蜜 | 蜜 | 你 爱\n[V:2] .G,,[B,G,] .D,[B,G,] | .A,,[A,C] .E,[A,C] | .D,,[D,F,] .A,,[D,F,] | .D,,[D,F,] .A,,[D,F,] | .G,,[G,D,] .A,,[E,A,] | .D,,[A,,D,] .[A,,D,]2 | .G,,[B,G,] .D,[B,G,] |\n[V:1] GB z2 | A2 AF | E2 z2 | FA A>B | AF DD\u002FE\u002F | FF EE | D2 z2 |]\nw: 我 呀 | 我 爱 | 你 | 你 爱 我 | 我 爱 你 蜜 雪 冰 城 甜 蜜 | 蜜\n[V:2] .G,,[B,G,] .D,[B,G,] | .D,,[F,D,] .A,,[F,D,] | .A,,[A,C] .E,[A,C] | .D,,[F,D,] .A,,[F,D,] | .D,,[F,D,] .A,,[F,D,] | .G,,[G,D,] .A,,[E,A,] | .D,.A,, [D,,D,]2 |]",[23,1466,1467],{"v-slot:tab2":25},[67,1468,1472],{"className":1469,"code":1470,"language":72,"meta":1471},[70],"```music-abc\nL:1\u002F8\nQ:1\u002F4=100 \"andante moderato\"\nM:2\u002F4\nK:D\n\"D\" FA A>B | AF DD\u002FE\u002F |1 \"G\" FF ED | \"A\" E2 z2 :|2 \"G\" FF \"A\" EE | \"D\" D2 z2 ||\n```\n\n```music-abc\nL:1\u002F8\nQ:1\u002F4=100\nM:2\u002F4\nK:D\nV:1 clef=treble\nV:2 clef=bass\n%%MIDI program 32\n[V:1] z2 z f\u002Fg\u002F | aa a>b | af dd\u002Fe\u002F | ff ee | d2 z2 || FA A>B | AF DD\u002FE\u002F |\nw: | | | | | 你 爱 我 | 我 爱 你 蜜 雪\n[V:2] z4 | D,[F,A,] .A,[F,A,] | .D,[F,A,] .A,[E,A,] | .G,,[G,D,] .A,,[E,A,] | .D,[F,A,] [D,,D,]2 || .D,,[D,F,] .A,,[D,F,] | .D,,[D,F,] .A,,[D,F,] |\n[V:1] FF ED | E2 z2 | FA A>B | AF DD\u002FE\u002F | FF EE | D2 z2 | G2 G2 |\nw: 冰 城 甜 蜜 | 蜜 | 你 爱 我 | 我 爱 你 蜜 雪 冰 城 甜 蜜 | 蜜 | 你 爱\n[V:2] .G,,[B,G,] .D,[B,G,] | .A,,[A,C] .E,[A,C] | .D,,[D,F,] .A,,[D,F,] | .D,,[D,F,] .A,,[D,F,] | .G,,[G,D,] .A,,[E,A,] | .D,,[A,,D,] .[A,,D,]2 | .G,,[B,G,] .D,[B,G,] |\n[V:1] GB z2 | A2 AF | E2 z2 | FA A>B | AF DD\u002FE\u002F | FF EE | D2 z2 |]\nw: 我 呀 | 我 爱 | 你 | 你 爱 我 | 我 爱 你 蜜 雪 冰 城 甜 蜜 | 蜜\n[V:2] .G,,[B,G,] .D,[B,G,] | .D,,[F,D,] .A,,[F,D,] | .A,,[A,C] .E,[A,C] | .D,,[F,D,] .A,,[F,D,] | .D,,[F,D,] .A,,[F,D,] | .G,,[G,D,] .A,,[E,A,] | .D,.A,, [D,,D,]2 |]\n```\n","wrap expand",[75,1473,1470],{"__ignoreMap":25},[10,1475,1476],{"id":1476},"自定义组件",[15,1478,1479],{},"可以通过 Vue 模板语法、MDC 语法使用的组件。",[202,1481,1482],{"id":251},"Alert",[19,1484,1485,1569],{":tabs":21},[23,1486,1487,1492,1508,1520,1542,1564],{"v-slot:tab1":25},[251,1488,1489],{},[15,1490,1491],{},"你好",[251,1493,1495],{"type":1494},"question",[15,1496,1497,1498,1502,1503,1502,1505],{},"默认插槽的 ",[42,1499,1501],{"href":1500},"#alert","超链接"," ",[59,1504,125],{},[75,1506,1507],{"code":1507},"Inline code",[251,1509,1512],{"type":1510,"title":1511},"info","自定义标题",[15,1513,1497,1514,1502,1516,1502,1518],{},[42,1515,1501],{"href":1500},[59,1517,125],{},[75,1519,1507],{"code":1507},[251,1521,1523,1534],{"type":1522,":card":526},"warning",[23,1524,1525],{"v-slot:title":25},[15,1526,1527,1528,1502,1530,1502,1532],{},"卡片风格 标题插槽的 ",[42,1529,1501],{"href":1500},[59,1531,125],{},[75,1533,1507],{"code":1507},[15,1535,1497,1536,1502,1538,1502,1540],{},[42,1537,1501],{"href":1500},[59,1539,125],{},[75,1541,1507],{"code":1507},[251,1543,1545,1556],{"type":1544,":flat":526},"error",[23,1546,1547],{"v-slot:title":25},[15,1548,1549,1550,1502,1552,1502,1554],{},"扁平风格 标题插槽的 ",[42,1551,1501],{"href":1500},[59,1553,125],{},[75,1555,1507],{"code":1507},[15,1557,1497,1558,1502,1560,1502,1562],{},[42,1559,1501],{"href":1500},[59,1561,125],{},[75,1563,1507],{"code":1507},[251,1565],{"title":1566,"color":1567,"icon":1568},"仅标题，并且自定义图标和颜色","var(--c-accent)","ph:files-duotone",[23,1570,1571],{"v-slot:tab2":25},[67,1572,1575],{"className":1573,"code":1574,"language":72,"meta":1471},[70],"::alert\n你好\n::\n\n::alert{type=\"question\"}\n默认插槽的 [超链接](#alert) **粗体** `Inline code`\n::\n\n::alert{type=\"info\" title=\"自定义标题\"}\n默认插槽的 [超链接](#alert) **粗体** `Inline code`\n::\n\n::alert{type=\"warning\" card}\n#title\n卡片风格 标题插槽的 [超链接](#alert) **粗体** `Inline code`\n#default\n默认插槽的 [超链接](#alert) **粗体** `Inline code`\n::\n\n::alert{type=\"error\" flat}\n#title\n扁平风格 标题插槽的 [超链接](#alert) **粗体** `Inline code`\n#default\n默认插槽的 [超链接](#alert) **粗体** `Inline code`\n::\n\n:alert{icon=\"ph:files-duotone\" color=\"var(--c-accent)\" title=\"仅标题，并且自定义图标和颜色\"}\n",[75,1576,1574],{"__ignoreMap":25},[202,1578,1580],{"id":1579},"badge","Badge",[19,1582,1583,1645],{":tabs":21},[23,1584,1585,1600,1622],{"v-slot:tab1":25},[15,1586,1587,1502,1591,1502,1594,1502,1597],{},[1579,1588,1590],{"link":1589},"#badge","普通带链接",[1579,1592,1593],{":round":526},"纯文本指定圆形",[1579,1595,1596],{":square":526},"纯文本指定方形",[1579,1598,1599],{"img":151},"带个图",[15,1601,1602,1603,1607,1608,1612,1613,1617,1618,130],{},"外部域名自动获取站点图标 ",[1579,1604,1606],{"link":1605},"https:\u002F\u002Fwww.zhilu.site","纸鹿","，\n",[1579,1609,1611],{"link":1610,":square":526},"https:\u002F\u002Fgug.thisis.host\u002F","古怪杂记本","，\nGitHub链接能自动识别头像 ",[1579,1614,1616],{"link":1615},"https:\u002F\u002Fgithub.com\u002FKazariEX","KazariEX","，\n也可指定方形 ",[1579,1619,1621],{"link":1620,":square":526},"https:\u002F\u002Fgithub.com\u002FisYangs\u002FGioPic","isYangs\u002FGioPic",[251,1623,1624,1632],{},[23,1625,1626],{"v-slot:title":25},[15,1627,1628,1629],{},"在其他组件中使用 ",[1579,1630],{"link":1589,"img":151,"text":1631},"带链接",[15,1633,1634,1637,1638],{},[1579,1635],{"img":151,"text":1636,":round":526},"指定圆形"," 背景色 ",[42,1639,1640,1641,1644],{"href":1589},"可以 ",[1579,1642],{":square":526,"img":151,"text":1643},"动态变化"," 使用",[23,1646,1647],{"v-slot:tab2":25},[67,1648,1651],{"className":1649,"code":1650,"language":72,"meta":1471},[70],":badge[普通带链接]{link=\"#badge\"} :badge[纯文本指定圆形]{round} :badge[纯文本指定方形]{square} :badge[带个图]{img=\"https:\u002F\u002Fpicsum.photos\u002F100\u002F100\"}\n\n外部域名自动获取站点图标 :badge[纸鹿]{link=\"https:\u002F\u002Fwww.zhilu.site\"}，\n:badge[古怪杂记本]{link=\"https:\u002F\u002Fgug.thisis.host\u002F\" square}，\nGitHub链接能自动识别头像 :badge[KazariEX]{link=\"https:\u002F\u002Fgithub.com\u002FKazariEX\"}，\n也可指定方形 :badge[isYangs\u002FGioPic]{square link=\"https:\u002F\u002Fgithub.com\u002FisYangs\u002FGioPic\"}。\n\n::alert\n#title\n在其他组件中使用 :badge{img=\"https:\u002F\u002Fpicsum.photos\u002F100\u002F100\" text=\"带链接\" link=\"#badge\"}\n#default\n:badge{img=\"https:\u002F\u002Fpicsum.photos\u002F100\u002F100\" text=\"指定圆形\" round} 背景色 [可以 :badge{img=\"https:\u002F\u002Fpicsum.photos\u002F100\u002F100\" text=\"动态变化\" square} 使用](#badge)\n::\n",[75,1652,1650],{"__ignoreMap":25},[202,1654,1656],{"id":1655},"blogheader","BlogHeader",[19,1658,1659,1664],{":tabs":21},[23,1660,1661],{"v-slot:tab1":25},[1662,1663],"blog-header",{},[23,1665,1666],{"v-slot:tab2":25},[67,1667,1670],{"className":1668,"code":1669,"language":72,"meta":25},[70],":blog-header\n",[75,1671,1669],{"__ignoreMap":25},[15,1673,1674,1675,1678,1679,1682,1683,1688],{},"鼠标悬浮时的动画 Emoji ",[75,1676,1677],{"code":1677},"📄🦌🙌🐟🏖️"," 对应“纸鹿摸鱼处”的汉字，在 ",[75,1680,1681],{"code":1681},"app.config.ts"," 中配置，字体由 ",[42,1684,1687],{"href":1685,"rel":1686},"https:\u002F\u002Fwww.iconfont.cn\u002Ffonts\u002Fdetail?cnid=pOvFIr086ADR",[46],"阿里妈妈方圆体"," 分割而来。",[67,1690,1695],{"className":1691,"code":1693,"language":1694,"meta":73},[1692],"language-sh","# iconfont 网页版生成的字体子集在 Chrome 124 的版本无法解析，需要借助 fonttools 工具手动生成子集\npip install fonttools brotli\npyftsubset .\u002FAlimamaFangYuanTi.ttf --text=Header文本 --flavor=woff2\n","sh",[75,1696,1693],{"__ignoreMap":25},[202,1698,1700],{"id":1699},"blur",[1699,1701,1702],{},"Blur",[19,1704,1705,1718],{":tabs":21},[23,1706,1707,1710],{"v-slot:tab1":25},[1699,1708,1709],{},"你知道得太多了。",[1699,1711,1712],{},[1713,1714,1715],"quote",{},[15,1716,1717],{},"也未必。",[23,1719,1720],{"v-slot:tab2":25},[67,1721,1724],{"className":1722,"code":1723,"language":72,"meta":25},[70],":blur[你知道得太多了。]\n\n::blur\n:::quote\n也未必。\n:::\n::\n",[75,1725,1723],{"__ignoreMap":25},[202,1727,1729],{"id":1728},"cardlist","CardList",[113,1731,1732],{},[15,1733,1734],{},"给列表刷上了自定义样式，待完善。",[19,1736,1737,1763],{":tabs":21},[23,1738,1739],{"v-slot:tab1":25},[1740,1741,1742],"card-list",{},[89,1743,1744,1747],{},[92,1745,1746],{},"无序列表项1",[92,1748,1749,1750],{},"无序列表项2\n",[89,1751,1752,1760],{},[92,1753,1754,1755],{},"无序列表项2-1\n",[89,1756,1757],{},[92,1758,1759],{},"无序列表项2-1-1",[92,1761,1762],{},"无序列表项2-2",[23,1764,1765],{"v-slot:tab2":25},[67,1766,1769],{"className":1767,"code":1768,"language":72,"meta":25},[70],"::card-list\n- 无序列表项1\n- 无序列表项2\n  - 无序列表项2-1\n    - 无序列表项2-1-1\n  - 无序列表项2-2\n::\n",[75,1770,1768],{"__ignoreMap":25},[202,1772,1774],{"id":1773},"chat","Chat",[19,1776,1777,1814],{":tabs":21},[23,1778,1779],{"v-slot:tab1":25},[1773,1780,1781,1784,1787,1790,1792,1795,1798,1801,1804,1807],{},[15,1782,1783],{},"{:2024-11-09 23:39:30}",[15,1785,1786],{},"{.}",[15,1788,1789],{},"也许",[15,1791,1786],{},[15,1793,1794],{},"我们可以聊聊天",[15,1796,1797],{},"{.纸鹿}",[15,1799,1800],{},"我还可以有名字",[15,1802,1803],{},"{:纸鹿撤回了一条消息}",[15,1805,1806],{},"{用户1}",[15,1808,1809,1810,1813],{},"有趣",[1811,1812],"br",{},"\n我学到了。",[23,1815,1816],{"v-slot:tab2":25},[67,1817,1821],{"className":1818,"code":1819,"language":72,"meta":1820},[70],"::chat\n{:2024-11-09 23:39:30}\n\n{.}\n\n也许\n\n{.}\n\n我们可以聊聊天\n\n{.纸鹿}\n\n我还可以有名字\n\n{:纸鹿撤回了一条消息}\n\n{用户1}\n\n有趣\\\n我学到了。\n::\n","expand",[75,1822,1819],{"__ignoreMap":25},[202,1824,1826],{"id":1825},"copy","Copy",[19,1828,1829,1841],{":tabs":21},[23,1830,1831,1834,1837],{"v-slot:tab1":25},[1825,1832],{"code":1833},"rm -rf # 修改命令后再复制，也可撤销修改",[1825,1835],{"code":1836,":prompt":526},"不带提示符的命令，可以是 URL、单行代码",[1825,1838],{"code":1839,"lang":330,"prompt":1840},"const customLang = 'js' \u002F\u002F 滚动条、边缘羽化会出现，假如它特别特别特别特别特别特别特别特别长","自定义命令提示符、高亮语言",[23,1842,1843],{"v-slot:tab2":25},[67,1844,1847],{"className":1845,"code":1846,"language":72,"meta":73},[70],":copy{code=\"rm -rf # 修改命令后再复制，也可撤销修改\"}\n\n:copy{prompt code=\"不带提示符的命令，可以是 URL、单行代码\"}\n\n:copy{prompt=\"自定义命令提示符、高亮语言\" lang=\"js\" code=\"const customLang = 'js' \u002F\u002F 滚动条、边缘羽化会出现，假如它特别特别特别特别特别特别特别特别长\"}\n",[75,1848,1846],{"__ignoreMap":25},[289,1850,1851],{"id":1851},"自动推断语言",[15,1853,1854,1855,1858,1859,1862,1863,1868],{},"语言从 ",[75,1856,1857],{"code":1857},"app\u002Futils\u002Fstr.ts"," 的 ",[75,1860,1861],{"code":1861},"getPromptLanguage"," 里根据命令提示符前缀推断，使用 ",[42,1864,1867],{"href":1865,"rel":1866},"https:\u002F\u002Fgithub.com\u002FKazariEX\u002Fplain-shiki",[46],"plain-shiki"," 高亮。和之前的 Markdown 代码块使用相同的高亮语言和高亮主题配置。",[202,1870,1872],{"id":1871},"emojiclock","EmojiClock",[113,1874,1875],{},[15,1876,1877],{},"现在几点了？",[19,1879,1880,1895],{":tabs":21},[23,1881,1882],{"v-slot:tab1":25},[15,1883,1884,1887,1888,1890,1891,1894],{},[1885,1886],"emoji-clock",{}," (半小时) ",[1885,1889],{":rotate":526}," (5分钟) ",[1885,1892],{"dateTime":1893},"2024-11-09 23:39:30"," (指定时间)",[23,1896,1897],{"v-slot:tab2":25},[67,1898,1901],{"className":1899,"code":1900,"language":72,"meta":25},[70],":emoji-clock (半小时) :emoji-clock{rotate} (5分钟) :emoji-clock{datetime=\"2024-11-09 23:39:30\"} (指定时间)\n",[75,1902,1900],{"__ignoreMap":25},[202,1904,1906],{"id":1905},"feedcard-和-feedgroup","FeedCard 和 FeedGroup",[113,1908,1909],{},[15,1910,1911],{},"用于在友链页面展示链接，由于友链页面的 Markdown 部分要可能会显示这个组件，就放在这个目录下大家都能调用了。去友链页面看看吧。",[202,1913,1915],{"id":1914},"folding","Folding",[113,1917,1918],{},[15,1919,1920],{},"折叠组件，支持折叠和展开，可以嵌套使用。",[19,1922,1923,1975],{":tabs":21},[23,1924,1925,1967],{"v-slot:tab1":25},[1914,1926,1927,1939,1947],{},[23,1928,1929],{"v-slot:title":25},[15,1930,1931,1932,1502,1935,1502,1937],{},"可以通过标题插槽传值 ",[42,1933,1501],{"href":1934},"#folding",[59,1936,125],{},[75,1938,1507],{"code":1507},[15,1940,1497,1941,1502,1943,1502,1945],{},[42,1942,1501],{"href":1934},[59,1944,125],{},[75,1946,1507],{"code":1507},[1914,1948,1950,1953],{":open":526,"title":1949},"折叠还可以嵌套",[15,1951,1952],{},"默认展开的折叠。",[251,1954,1955,1964],{"type":1544},[23,1956,1957],{"v-slot:title":25},[15,1958,1959,1960,1963],{},"在嵌套使用的组件内部使用 MDC 的 ",[75,1961,1962],{"code":1962},"#slotname"," 插槽语法",[15,1965,1966],{},"必须缩进，否则会报错。",[1914,1968,1969],{":open":526},[67,1970,1973],{"className":1971,"code":1972,"language":373,"meta":25},[370],"- 默认展开的折叠。\n",[75,1974,1972],{"__ignoreMap":25},[23,1976,1977],{"v-slot:tab2":25},[67,1978,1981],{"className":1979,"code":1980,"language":72,"meta":1820},[70],"::folding\n#title\n可以通过标题插槽传值 [超链接](#folding) **粗体** `Inline code`\n#default\n默认插槽的 [超链接](#folding) **粗体** `Inline code`\n\n  ::folding{open title=\"折叠还可以嵌套\"}\n  默认展开的折叠。\n\n    ::alert{type=\"error\"}\n    #title\n    在嵌套使用的组件内部使用 MDC 的 `#slotname` 插槽语法\n    #default\n    必须缩进，否则会报错。\n    ::\n  ::\n::\n\n::folding{open}\n```md\n- 默认展开的折叠。\n```\n::\n",[75,1982,1980],{"__ignoreMap":25},[202,1984,1986],{"id":1985},"key","Key",[113,1988,1989],{},[15,1990,1991,1992,1995],{},"按下键时会亮，可以通过 ",[75,1993,1994],{"code":1994},"@press"," 配置触发事件，鼠标点击也会触发事件，博客全站搜索框的按键提示使用了这个组件。",[19,1997,1998,2089],{":tabs":21},[23,1999,2000,2005,2026,2031,2046,2051,2059],{"v-slot:tab1":25},[89,2001,2002],{},[92,2003,2004],{},"纯 Code",[15,2006,2007,1502,2010,1502,2013,1502,2016,1502,2018,1502,2020,1502,2023],{},[1985,2008],{"code":2009},"Escape",[1985,2011],{"code":2012},"F2",[1985,2014],{"code":2015},"Control",[1985,2017],{"code":581},[1985,2019],{"code":1502},[1985,2021],{"code":2022},"Tab",[1985,2024],{"code":2025},"Enter",[89,2027,2028],{},[92,2029,2030],{},"指定修饰符、图标、文本（macOS 自动使用图标）",[15,2032,2033,1502,2035,1502,2037,1502,2039,1502,2042,1502,2044],{},[1985,2034],{"code":2015,":icon":526},[1985,2036],{":icon":526,":alt":526},[1985,2038],{":icon":526,":shift":526},[1985,2040],{"code":1502,"text":2041},"空格",[1985,2043],{"code":2022,":icon":526},[1985,2045],{"code":2025,":icon":526},[89,2047,2048],{},[92,2049,2050],{},"组合键",[15,2052,2053,1502,2055,1502,2057],{},[1985,2054],{"code":581,":shift":526,":ctrl":526},[1985,2056],{":alt":526,":shift":526},[1985,2058],{"code":2009,":icon":526,":alt":526,":ctrl":526},[15,2060,2061],{},[38,2062,2063,2064,1502,2067,1502,2069,1502,2072,1502,2074,1502,2077,1502,2080,1502,2082,1502,2084,1502,2087],{},"热血组合技 ",[1985,2065],{"code":2066},"ArrowUp",[1985,2068],{"code":2066},[1985,2070],{"code":2071},"ArrowDown",[1985,2073],{"code":2071},[1985,2075],{"code":2076},"ArrowLeft",[1985,2078],{"code":2079},"ArrowRight",[1985,2081],{"code":2076},[1985,2083],{"code":2079},[1985,2085],{"code":2086},"B",[1985,2088],{"code":581},[23,2090,2091],{"v-slot:tab2":25},[67,2092,2095],{"className":2093,"code":2094,"language":72,"meta":73},[70],"- 纯 Code\n\n:key{code=\"Escape\"} :key{code=\"F2\"} :key{code=\"Control\"} :key{code=\"A\"} :key{code=\" \"} :key{code=\"Tab\"} :key{code=\"Enter\"}\n\n- 指定修饰符、图标、文本（macOS 自动使用图标）\n\n:key{code=\"Control\" icon} :key{alt icon} :key{shift icon} :key{code=\" \" text=\"空格\"} :key{code=\"Tab\" icon} :key{code=\"Enter\" icon}\n\n- 组合键\n\n:key{code=\"A\" ctrl shift} :key{alt shift} :key{code=\"Escape\" ctrl alt icon}\n\n~~热血组合技 :key{code=\"ArrowUp\"} :key{code=\"ArrowUp\"} :key{code=\"ArrowDown\"} :key{code=\"ArrowDown\"} :key{code=\"ArrowLeft\"} :key{code=\"ArrowRight\"} :key{code=\"ArrowLeft\"} :key{code=\"ArrowRight\"} :key{code=\"B\"} :key{code=\"A\"}~~\n",[75,2096,2094],{"__ignoreMap":25},[202,2098,2100],{"id":2099},"linkbanner","LinkBanner",[19,2102,2103,2112],{":tabs":21},[23,2104,2105],{"v-slot:tab1":25},[2106,2107],"link-banner",{"banner":2108,"description":2109,"link":2110,"title":2111},"https:\u002F\u002Fpicsum.photos\u002F480\u002F240","这是一行描述，如果不提供描述会展示域名","#link-banner","标题",[23,2113,2114],{"v-slot:tab2":25},[67,2115,2118],{"className":2116,"code":2117,"language":72,"meta":25},[70],"::link-banner\n---\nbanner: https:\u002F\u002Fpicsum.photos\u002F480\u002F240\ntitle: 标题\ndescription: 这是一行描述，如果不提供描述会展示域名\nlink: \"#link-banner\"\n# mirror: # 是否借助第三方图片加载服务，见源代码\n---\n::\n",[75,2119,2117],{"__ignoreMap":25},[202,2121,2123],{"id":2122},"linkcard","LinkCard",[19,2125,2126,2131],{":tabs":21},[23,2127,2128],{"v-slot:tab1":25},[27,2129],{"icon":151,"link":2130,"title":2111,"description":2109},"#link-card",[23,2132,2133],{"v-slot:tab2":25},[67,2134,2137],{"className":2135,"code":2136,"language":72,"meta":25},[70],"::link-card\n---\nicon: https:\u002F\u002Fpicsum.photos\u002F100\u002F100\ntitle: 标题\ndescription: 这是一行描述，如果不提供描述会展示域名\nlink: \"#link-card\"\n# mirror: # 是否借助第三方图片加载服务，见源代码\n---\n::\n",[75,2138,2136],{"__ignoreMap":25},[202,2140,2142],{"id":2141},"pic","Pic",[113,2144,2145],{},[15,2146,2147],{},"用于展示图片，支持说明文字、点击后打开灯箱缩放。",[19,2149,2150,2155],{":tabs":21},[23,2151,2152],{"v-slot:tab1":25},[2141,2153],{"caption":2154,"src":2108},"说明文字，还支持通过 width 或 height 属性指定尺寸",[23,2156,2157],{"v-slot:tab2":25},[67,2158,2161],{"className":2159,"code":2160,"language":72,"meta":25},[70],"::pic\n---\nsrc: https:\u002F\u002Fpicsum.photos\u002F480\u002F240\n# mirror: # 是否借助第三方图片加载服务，见源代码\ncaption: 说明文字，还支持通过 width 或 height 属性指定尺寸\n# zoom: false # 是否开启灯箱缩放，默认开启\n---\n::\n",[75,2162,2160],{"__ignoreMap":25},[202,2164,2166],{"id":2165},"poetry","Poetry",[113,2168,2169],{},[15,2170,2171,2172,273,2175,2178],{},"在文章的 type 为 ",[75,2173,2174],{"code":2174},"tech",[75,2176,2177],{"code":2177},"story"," 时，它有不同的样式。",[19,2180,2181,2195],{":tabs":21},[23,2182,2183],{"v-slot:tab1":25},[2165,2184,2188],{"author":2185,"footer":2186,"title":2187},"一名作者","可选的落款","诗有诗的标题",[15,2189,2190,2191,130],{},"如你所见，\n我,\n是一首——\n",[2192,2193,2194],"em",{},"诗",[23,2196,2197],{"v-slot:tab2":25},[67,2198,2201],{"className":2199,"code":2200,"language":72,"meta":25},[70],"::poetry\n---\ntitle: 诗有诗的标题\nauthor: 一名作者\nfooter: 可选的落款\n---\n如你所见，\n我,\n是一首——\n*诗*。\n::\n",[75,2202,2200],{"__ignoreMap":25},[202,2204,2205],{"id":1713},"Quote",[113,2207,2208],{},[15,2209,2171,2210,273,2212,2178],{},[75,2211,2174],{"code":2174},[75,2213,2177],{"code":2177},[19,2215,2216,2236],{":tabs":21},[23,2217,2218,2221,2226],{"v-slot:tab1":25},[1713,2219,2220],{},"有时候，有些话，有点意思。",[1713,2222,2223],{"icon":1568},[15,2224,2225],{},"令图标有所指，引用亦有中心。",[1713,2227,2228,2233],{},[23,2229,2230],{"v-slot:icon":25},[15,2231,2232],{},"ヾ(•ω•`)o",[15,2234,2235],{},"图标插槽也可以是 Emoji 或颜文字，或者英文装饰。",[23,2237,2238],{"v-slot:tab2":25},[67,2239,2242],{"className":2240,"code":2241,"language":72,"meta":25},[70],":quote[有时候，有些话，有点意思。]\n\n::quote{icon=\"ph:files-duotone\"}\n令图标有所指，引用亦有中心。\n::\n\n::quote\n#icon\nヾ(•ω•`)o\n#default\n图标插槽也可以是 Emoji 或颜文字，或者英文装饰。\n::\n",[75,2243,2241],{"__ignoreMap":25},[202,2245,2022],{"id":19},[19,2247,2248,2291],{":tabs":21},[23,2249,2250,2269],{"v-slot:tab1":25},[19,2251,2253,2261],{":tabs":2252},"[\"一个简单的\", \"Tab\"]",[23,2254,2255],{"v-slot:tab1":25},[67,2256,2259],{"className":2257,"code":2258,"language":373,"meta":25},[370],"# 一个简单的 Tab\n",[75,2260,2258],{"__ignoreMap":25},[23,2262,2263],{"v-slot:tab2":25},[67,2264,2267],{"className":2265,"code":2266,"language":373,"meta":25},[370],"# Tab\n",[75,2268,2266],{"__ignoreMap":25},[19,2270,2273,2278,2286],{":tabs":2271,":active":2272,":center":526},"[\"当当当\",\"高级交互！\",\"就是藏得有点深\"]","2",[23,2274,2275],{"v-slot:tab1":25},[15,2276,2277],{},"这个组件设置了居中（自动调整而不是占满宽度）和默认显示第二个选项卡。",[23,2279,2280],{"v-slot:tab2":25},[67,2281,2284],{"className":2282,"code":2283,"language":373,"meta":25},[370],"是这样。\n",[75,2285,2283],{"__ignoreMap":25},[23,2287,2288],{"v-slot:tab3":25},[15,2289,2290],{},"你找到我了吗？",[23,2292,2293],{"v-slot:tab2":25},[67,2294,2297],{"className":2295,"code":2296,"language":72,"meta":1471},[70],"::tab{:tabs='[\"一个简单的\", \"Tab\"]'}\n#tab1\n```md\n# 一个简单的 Tab\n```\n#tab2\n```md\n# Tab\n```\n::\n\n::tab\n---\ntabs: [\"当当当\", \"高级交互！\", \"就是藏得有点深\"]\ncenter: true\nactive: 2 # 默认显示第二个选项卡，可选\n---\n#tab1\n这个组件设置了居中（自动调整而不是占满宽度）和默认显示第二个选项卡。\n#tab2\n```md\n是这样。\n```\n#tab3\n你找到我了吗？\n::\n",[75,2298,2296],{"__ignoreMap":25},[202,2300,2302],{"id":2301},"timeline","Timeline",[19,2304,2305,2349],{":tabs":21},[23,2306,2307,2327],{"v-slot:tab1":25},[2301,2308,2309,2312,2315,2318,2321,2324],{},[15,2310,2311],{},"{前天}",[15,2313,2314],{},"看到了小兔",[15,2316,2317],{},"{昨天}",[15,2319,2320],{},"是小鹿",[15,2322,2323],{},"{今天}",[15,2325,2326],{},"是你。",[2301,2328,2329,2332,2335,2338,2344],{},[15,2330,2331],{},"{今日无事}",[15,2333,2334],{},"{今日依旧无事}",[15,2336,2337],{},"{然后——}",[15,2339,2340,2341,2343],{},"一件事",[1811,2342],{},"\n两件事。",[15,2345,2346,130],{},[2192,2347,2348],{},"再添一笔",[23,2350,2351],{"v-slot:tab2":25},[67,2352,2355],{"className":2353,"code":2354,"language":72,"meta":1820},[70],"::timeline\n{前天}\n\n看到了小兔\n\n{昨天}\n\n是小鹿\n\n{今天}\n\n是你。\n::\n\n::timeline\n{今日无事}\n\n{今日依旧无事}\n\n{然后——}\n\n一件事\\\n两件事。\n\n*再添一笔*。\n::\n",[75,2356,2354],{"__ignoreMap":25},[202,2358,2360],{"id":2359},"tip","Tip",[19,2362,2363,2379],{":tabs":21},[23,2364,2365],{"v-slot:tab1":25},[15,2366,2367,2371,2372,2371,2376],{},[2359,2368,2370],{"tip":2369},"提示的内容是提示","我是一条小提示","， ",[2359,2373,2375],{"tip":2374,":icon":526},"或许也可以没有内容","我没有图标",[2359,2377,2378],{":copy":526},"+v 点击就能复制，太方便了！",[23,2380,2381],{"v-slot:tab2":25},[67,2382,2385],{"className":2383,"code":2384,"language":72,"meta":73},[70],":tip[我是一条小提示]{tip=\"提示的内容是提示\"}， :tip[我没有图标]{icon tip=\"或许也可以没有内容\"}， :tip[+v 点击就能复制，太方便了！]{copy}\n",[75,2386,2384],{"__ignoreMap":25},[202,2388,2390],{"id":2389},"videoembed","VideoEmbed",[113,2392,2393],{},[15,2394,2395],{},"放点视频给你看。",[19,2397,2398,2418],{":tabs":21},[23,2399,2400,2406,2410,2414],{"v-slot:tab1":25},[2401,2402],"video-embed",{"id":2403,"type":2404,"poster":2405},"https:\u002F\u002Fsf-atsx-tob.larksuite.com\u002Fobj\u002Fstatic-atsx-online-sg-ee-tob-mycis\u002F02c7da694d343896877c09de9db4fc42\u002F8ede49e0a92f53cdafbbf49339194986d9d900fb2abe242b9a8b4e338bf18b05.mp4","raw","https:\u002F\u002Fsf-atsx-tob.larksuite.com\u002Fobj\u002Fstatic-atsx-online-sg-ee-tob-mycis\u002F02c7da694d343896877c09de9db4fc42\u002Fe23074879c61a4d61e905ccef5771a36a2d19689c1204c2b32caa53711ac83ad.png",[2401,2407],{"id":2408,"type":2409},"BV1Yr421p7rW","bilibili",[2401,2411],{"id":2412,"type":2413},"7339041157571169546","douyin-wide",[2401,2415],{"id":2416,"type":2417},"7222222794333998392","douyin",[23,2419,2420],{"v-slot:tab2":25},[67,2421,2424],{"className":2422,"code":2423,"language":72,"meta":25},[70],"::video-embed\n---\ntype: raw\nid: https:\u002F\u002Fsf-atsx-tob.larksuite.com\u002Fobj\u002Fstatic-atsx-online-sg-ee-tob-mycis\u002F02c7da694d343896877c09de9db4fc42\u002F8ede49e0a92f53cdafbbf49339194986d9d900fb2abe242b9a8b4e338bf18b05.mp4\nposter: https:\u002F\u002Fsf-atsx-tob.larksuite.com\u002Fobj\u002Fstatic-atsx-online-sg-ee-tob-mycis\u002F02c7da694d343896877c09de9db4fc42\u002Fe23074879c61a4d61e905ccef5771a36a2d19689c1204c2b32caa53711ac83ad.png\n---\n::\n\n::video-embed\n---\ntype: bilibili\nid: BV1Yr421p7rW\n---\n::\n\n::video-embed\n---\ntype: douyin-wide\nid: '7339041157571169546'\n---\n::\n\n::video-embed\n---\ntype: douyin\nid: '7222222794333998392'\n---\n::\n",[75,2425,2423],{"__ignoreMap":25},[10,2427,2428],{"id":2428},"组件使用方法",[15,2430,2431,2432,2435],{},"一是看开头提到的 MDC 文档，至关重要。二是看使用组件对应的源代码 (",[75,2433,2434],{"code":2434},"example.md",")，也很重要。三是看我文章的调用方式，没有就慎用。",[202,2437,2438],{"id":2438},"组件的不完美性",[15,2440,2441],{},"博客开发精力有限，常用的组件会仔细打磨，不常用的组件仅仅满足需求。",[15,2443,2444],{},"所以，少年，选择你的英雄吧！",{"title":25,"searchDepth":2446,"depth":2446,"links":2447},4,[2448,2450,2451,2469,2493],{"id":12,"depth":2449,"text":13},2,{"id":82,"depth":2449,"text":83},{"id":196,"depth":2449,"text":197,"children":2452},[2453,2458,2460,2465,2467,2468],{"id":204,"depth":2454,"text":2455,"children":2456},3,"链接 ProseA",[2457],{"id":291,"depth":2446,"text":291},{"id":301,"depth":2454,"text":2459},"代码 ProseCode",{"id":334,"depth":2454,"text":2461,"children":2462},"代码块 ProsePre",[2463,2464],{"id":386,"depth":2446,"text":386},{"id":408,"depth":2446,"text":408},{"id":437,"depth":2454,"text":2466},"表格 ProseTable",{"id":489,"depth":2454,"text":489},{"id":1441,"depth":2454,"text":1441},{"id":1476,"depth":2449,"text":1476,"children":2470},[2471,2472,2473,2474,2475,2476,2477,2480,2481,2482,2483,2484,2485,2486,2487,2488,2489,2490,2491,2492],{"id":251,"depth":2454,"text":1482},{"id":1579,"depth":2454,"text":1580},{"id":1655,"depth":2454,"text":1656},{"id":1699,"depth":2454,"text":1702},{"id":1728,"depth":2454,"text":1729},{"id":1773,"depth":2454,"text":1774},{"id":1825,"depth":2454,"text":1826,"children":2478},[2479],{"id":1851,"depth":2446,"text":1851},{"id":1871,"depth":2454,"text":1872},{"id":1905,"depth":2454,"text":1906},{"id":1914,"depth":2454,"text":1915},{"id":1985,"depth":2454,"text":1986},{"id":2099,"depth":2454,"text":2100},{"id":2122,"depth":2454,"text":2123},{"id":2141,"depth":2454,"text":2142},{"id":2165,"depth":2454,"text":2166},{"id":1713,"depth":2454,"text":2205},{"id":19,"depth":2454,"text":2022},{"id":2301,"depth":2454,"text":2302},{"id":2359,"depth":2454,"text":2360},{"id":2389,"depth":2454,"text":2390},{"id":2428,"depth":2449,"text":2428,"children":2494},[2495],{"id":2438,"depth":2454,"text":2438},[2497,2498],"开发","技术","2024-09-21 23:18:18","汇总这套博客在 Markdown 中可直接调用的组件与样式效果，包含 Nuxt Content、MDC 语法以及常用组件的实际示例。",false,"https:\u002F\u002Fimages.opxqo.com\u002Fblog\u002F5dace0fe-c190-41c3-87df-ad214719c748.png",{"slots":2504},{},true,"\u002Fexample",null,{"text":2509,"minutes":2510,"time":2511,"words":2512},"19 min read",18.765,1125900,3753,1,{"title":5,"description":2500},{"loc":2506},"posts\u002Fexample",[],"2025-02-12 11:18:33","qQ-Ei2Tmfo4mM5k5kUUBt70DRjT3kdp3ONSstzbS70I",[2507,2521],{"title":2522,"path":2523,"stem":2524,"date":2525,"type":2177,"children":-1},"从零开始整理我的数字空间：GitHub、域名、图床、邮箱与博客","\u002F2026\u002Fdigital-space","posts\u002F2026\u002Fdigital-space","2026-03-22 16:50:00",1776089807508]