[{"data":1,"prerenderedAt":1852},["ShallowReactive",2],{"site-stats":3,"post-list":7,"tag-list":76,"post-shortcodes":140,"related-posts":1842},{"postCount":4,"wordCount":5,"lastUpdate":6},5,64100,"2026-08-25T10:00:00+08:00",[8,22,36,49,63],{"title":9,"path":10,"date":6,"lastmod":6,"description":11,"cover":12,"categories":13,"tags":15,"sticky":18,"wordCount":19,"readingTime":20,"locate":21},"开始使用 Solitude Hugo","\u002Fp\u002Fgetting-started","从安装主题到完成第一次生产构建，建立一个可继续扩展的 Solitude Hugo 站点。","\u002Fimg\u002Fdemo\u002Fcover-getting-started-v2.webp",[14],"快速开始",[16,17],"Hugo","Solitude",false,8536,21,"项目文档",{"title":23,"path":24,"date":25,"lastmod":25,"description":26,"cover":27,"categories":28,"tags":30,"sticky":18,"wordCount":33,"readingTime":34,"locate":35},"配置首页推荐与侧栏组合","\u002Fp\u002Fhomepage-and-aside","2026-08-24T10:00:00+08:00","使用现有配置完成首页推荐、作者信息、最新文章、目录和站点统计，不引入额外插件。","\u002Fimg\u002Fdemo\u002Fcover-pagination-v2.webp",[29],"配置指南",[31,32,16],"首页","侧栏",12012,30,"配置示例",{"title":37,"path":38,"date":39,"lastmod":39,"description":40,"cover":41,"categories":42,"tags":43,"sticky":18,"wordCount":46,"readingTime":47,"locate":48},"用数据文件构建特色页面","\u002Fp\u002Ffeature-pages","2026-08-23T10:00:00+08:00","用 Hugo 数据文件维护关于、友链、装备和即刻短文页面，让内容与模板保持分离。","\u002Fimg\u002Fdemo\u002Fcover-pagination-page-two-v2.webp",[29],[44,45,16],"数据文件","特色页面",11180,28,"数据示例",{"title":50,"path":51,"date":52,"lastmod":6,"description":53,"cover":54,"categories":55,"tags":57,"sticky":18,"wordCount":60,"readingTime":61,"locate":62},"Solitude Hugo Shortcode 使用指南","\u002Fp\u002Fshortcodes","2026-08-22T10:00:00+08:00","从基本写法、参数说明到实际效果，系统了解 Solitude Hugo 内置 shortcode。","\u002Fimg\u002Fdemo\u002Fcover-shortcodes-v2.webp",[56],"内容组件",[58,59,16],"Shortcode","Markdown",27271,68,"组件示例",{"title":64,"path":65,"date":66,"lastmod":66,"description":67,"cover":68,"categories":69,"tags":71,"sticky":18,"wordCount":74,"readingTime":75,"locate":70},"从 Hexo 迁移到 Hugo：URL 与 Front Matter","\u002Fp\u002Flegacy-url","2026-08-21T10:00:00+08:00","将 Hexo 的文章元数据和 abbrlink 地址迁移到 Hugo，并为历史链接保留兼容入口。","\u002Fimg\u002Fdemo\u002Fcover-legacy-url-v2.webp",[70],"迁移指南",[72,16,73],"Hexo","URL",5101,13,[77,94,100,105,110,115,120,125,130,135],{"name":16,"count":4,"posts":78},[79,82,85,88,91],{"title":9,"path":10,"date":6,"lastmod":6,"description":11,"cover":12,"categories":80,"tags":81,"sticky":18,"wordCount":19,"readingTime":20,"locate":21},[14],[16,17],{"title":23,"path":24,"date":25,"lastmod":25,"description":26,"cover":27,"categories":83,"tags":84,"sticky":18,"wordCount":33,"readingTime":34,"locate":35},[29],[31,32,16],{"title":37,"path":38,"date":39,"lastmod":39,"description":40,"cover":41,"categories":86,"tags":87,"sticky":18,"wordCount":46,"readingTime":47,"locate":48},[29],[44,45,16],{"title":50,"path":51,"date":52,"lastmod":6,"description":53,"cover":54,"categories":89,"tags":90,"sticky":18,"wordCount":60,"readingTime":61,"locate":62},[56],[58,59,16],{"title":64,"path":65,"date":66,"lastmod":66,"description":67,"cover":68,"categories":92,"tags":93,"sticky":18,"wordCount":74,"readingTime":75,"locate":70},[70],[72,16,73],{"name":17,"count":95,"posts":96},1,[97],{"title":9,"path":10,"date":6,"lastmod":6,"description":11,"cover":12,"categories":98,"tags":99,"sticky":18,"wordCount":19,"readingTime":20,"locate":21},[14],[16,17],{"name":31,"count":95,"posts":101},[102],{"title":23,"path":24,"date":25,"lastmod":25,"description":26,"cover":27,"categories":103,"tags":104,"sticky":18,"wordCount":33,"readingTime":34,"locate":35},[29],[31,32,16],{"name":32,"count":95,"posts":106},[107],{"title":23,"path":24,"date":25,"lastmod":25,"description":26,"cover":27,"categories":108,"tags":109,"sticky":18,"wordCount":33,"readingTime":34,"locate":35},[29],[31,32,16],{"name":44,"count":95,"posts":111},[112],{"title":37,"path":38,"date":39,"lastmod":39,"description":40,"cover":41,"categories":113,"tags":114,"sticky":18,"wordCount":46,"readingTime":47,"locate":48},[29],[44,45,16],{"name":45,"count":95,"posts":116},[117],{"title":37,"path":38,"date":39,"lastmod":39,"description":40,"cover":41,"categories":118,"tags":119,"sticky":18,"wordCount":46,"readingTime":47,"locate":48},[29],[44,45,16],{"name":58,"count":95,"posts":121},[122],{"title":50,"path":51,"date":52,"lastmod":6,"description":53,"cover":54,"categories":123,"tags":124,"sticky":18,"wordCount":60,"readingTime":61,"locate":62},[56],[58,59,16],{"name":59,"count":95,"posts":126},[127],{"title":50,"path":51,"date":52,"lastmod":6,"description":53,"cover":54,"categories":128,"tags":129,"sticky":18,"wordCount":60,"readingTime":61,"locate":62},[56],[58,59,16],{"name":72,"count":95,"posts":131},[132],{"title":64,"path":65,"date":66,"lastmod":66,"description":67,"cover":68,"categories":133,"tags":134,"sticky":18,"wordCount":74,"readingTime":75,"locate":70},[70],[72,16,73],{"name":73,"count":95,"posts":136},[137],{"title":64,"path":65,"date":66,"lastmod":66,"description":67,"cover":68,"categories":138,"tags":139,"sticky":18,"wordCount":74,"readingTime":75,"locate":70},[70],[72,16,73],{"id":141,"title":50,"aliases":142,"author":142,"body":143,"categories":1833,"comment":469,"cover":54,"date":52,"description":53,"extension":1834,"hidden":18,"hideAside":18,"lastmod":6,"locate":62,"meta":1835,"navigation":469,"noCover":18,"path":51,"readingTime":142,"recommend":469,"reprint":18,"seo":1836,"series":1837,"stem":1839,"sticky":18,"tags":1840,"toc":469,"wordCount":142,"__hash__":1841},"posts\u002Fp\u002Fshortcodes.md",null,{"type":144,"value":145,"toc":1799},"minimark",[146,150,165,169,181,303,311,314,318,345,350,377,382,391,402,429,432,440,444,476,555,559,590,594,605,635,663,689,693,696,708,712,732,827,831,842,850,853,863,878,883,890,893,896,921,935,939,942,955,975,986,994,997,1012,1032,1041,1059,1062,1067,1092,1164,1179,1182,1186,1191,1221,1230,1234,1252,1272,1293,1296,1309,1318,1327,1336,1339,1342,1353,1378,1392,1395,1401,1455,1460,1487,1490,1493,1510,1545,1568,1577,1580,1592,1617,1644,1647,1657,1687,1708,1711,1723,1757,1762,1771,1774,1789,1796],[147,148,149],"p",{},"Shortcode 是 Hugo 在 Markdown 之外提供的内容组件语法。Solitude 用它承载提示框、标签页、图库、图表等富内容；迁移旧文章时，也应把 Hexo 外挂标签改写为对应的 Hugo shortcode。",[147,151,152,156,157,161,162],{},[153,154],"binding",{"value":155},"\u003C note type=\"info\" >","\n本文既是使用手册，也是可构建的效果页。每个组件都按 ",[158,159,160],"strong",{},"用途 → 写法 → 参数 → 效果"," 展开，代码可以直接复制到 Markdown 文件中。\n",[153,163],{"value":164},"\u003C \u002Fnote >",[166,167,168],"h2",{"id":168},"开始之前",[147,170,171,172,176,177,180],{},"Hugo shortcode 有两种边界符：",[173,174,175],"code",{},"{{\u003C\u002F* shortcode *\u002F>}}"," 适合普通参数，",[173,178,179],{},"{{%\u002F* shortcode *\u002F%}}"," 会先处理内部 Markdown。Solitude 的块级组件已经按各自用途处理正文，通常直接使用尖括号写法即可。",[182,183,184,200],"table",{},[185,186,187],"thead",{},[188,189,190,194,197],"tr",{},[191,192,193],"th",{},"内容类型",[191,195,196],{},"推荐组件",[191,198,199],{},"适合场景",[201,202,203,224,243,262,284],"tbody",{},[188,204,205,209,221],{},[206,207,208],"td",{},"行内强调",[206,210,211,214,215,214,218],{},[173,212,213],{},"span","、",[173,216,217],{},"label",[173,219,220],{},"keyboard",[206,222,223],{},"一句话中的状态、术语或快捷键",[188,225,226,229,240],{},[206,227,228],{},"块级提示",[206,230,231,214,234,214,237],{},[173,232,233],{},"note",[173,235,236],{},"subnote",[173,238,239],{},"fold",[206,241,242],{},"说明、警告、补充资料",[188,244,245,248,259],{},[206,246,247],{},"导航与引用",[206,249,250,214,253,214,256],{},[173,251,252],{},"button",[173,254,255],{},"link",[173,257,258],{},"card",[206,260,261],{},"行动入口、站内外资源",[188,263,264,267,281],{},[206,265,266],{},"结构化内容",[206,268,269,214,272,214,275,214,278],{},[173,270,271],{},"tabs",[173,273,274],{},"timeline",[173,276,277],{},"gallery",[173,279,280],{},"series",[206,282,283],{},"分组、步骤、图片与文章集合",[188,285,286,289,300],{},[206,287,288],{},"动态内容",[206,290,291,214,294,214,297],{},[173,292,293],{},"mermaid",[173,295,296],{},"chartjs",[173,298,299],{},"typeit",[206,301,302],{},"流程、数据与动态文字",[147,304,305,308,309],{},[153,306],{"value":307},"\u003C note type=\"warning\" style=\"simple\" >","\nShortcode 名称和参数区分大小写。块级组件还要成对书写结束标签，否则 Hugo 会在构建阶段直接报错。\n",[153,310],{"value":164},[166,312,313],{"id":313},"文本与状态",[315,316,317],"h3",{"id":317},"彩色文本与标签",[147,319,320,322,323,325,326,328,329,214,332,214,335,214,338,214,341,344],{},[173,321,147],{}," 用于整段文字，",[173,324,213],{}," 用于行内文字，",[173,327,217],{}," 用于短小的状态标记。颜色参数可使用 ",[173,330,331],{},"blue",[173,333,334],{},"green",[173,336,337],{},"orange",[173,339,340],{},"red",[173,342,343],{},"purple"," 等主题色名称。",[147,346,347],{},[158,348,349],{},"写法",[351,352,357],"pre",{"className":353,"code":354,"language":355,"meta":356,"style":356},"language-go-html-template shiki shiki-themes github-light github-dark","{{\u003C\u002F* p color=\"blue\" *\u002F>}}这是一段蓝色文字{{\u003C\u002F* \u002Fp *\u002F>}}\n正文中的 {{\u003C\u002F* span color=\"red\" *\u002F>}}重点文字{{\u003C\u002F* \u002Fspan *\u002F>}}\n{{\u003C\u002F* label color=\"green\" *\u002F>}}已完成{{\u003C\u002F* \u002Flabel *\u002F>}}\n","go-html-template","",[173,358,359,365,371],{"__ignoreMap":356},[213,360,362],{"class":361,"line":95},"line",[213,363,364],{},"{{\u003C\u002F* p color=\"blue\" *\u002F>}}这是一段蓝色文字{{\u003C\u002F* \u002Fp *\u002F>}}\n",[213,366,368],{"class":361,"line":367},2,[213,369,370],{},"正文中的 {{\u003C\u002F* span color=\"red\" *\u002F>}}重点文字{{\u003C\u002F* \u002Fspan *\u002F>}}\n",[213,372,374],{"class":361,"line":373},3,[213,375,376],{},"{{\u003C\u002F* label color=\"green\" *\u002F>}}已完成{{\u003C\u002F* \u002Flabel *\u002F>}}\n",[147,378,379],{},[158,380,381],{},"效果",[147,383,384,387,388],{},[153,385],{"value":386},"\u003C p color=\"blue\" >","这是一段蓝色文字，用于在正文中形成较强的段落提示。",[153,389],{"value":390},"\u003C \u002Fp >",[147,392,393,394,397,398,401],{},"正文中的 ",[153,395],{"value":396},"\u003C span color=\"red\" >","重点文字",[153,399],{"value":400},"\u003C \u002Fspan >"," 可以和普通内容自然排列。",[147,403,404,407,408,411,414,415,417,420,421,423,426,427],{},[153,405],{"value":406},"\u003C label color=\"green\" >","已完成",[153,409],{"value":410},"\u003C \u002Flabel >",[153,412],{"value":413},"\u003C label color=\"blue\" >","信息",[153,416],{"value":410},[153,418],{"value":419},"\u003C label color=\"orange\" >","注意",[153,422],{"value":410},[153,424],{"value":425},"\u003C label color=\"purple\" >","扩展",[153,428],{"value":410},[315,430,431],{"id":431},"提示框",[147,433,434,436,437,439],{},[173,435,233],{}," 是主要提示组件，",[173,438,236],{}," 适合在一个主题下继续补充次级信息。",[147,441,442],{},[158,443,349],{},[351,445,447],{"className":353,"code":446,"language":355,"meta":356,"style":356},"{{\u003C\u002F* note type=\"info\" style=\"flat\" *\u002F>}}\n提示内容，支持 Markdown。\n{{\u003C\u002F* \u002Fnote *\u002F>}}\n\n{{\u003C\u002F* subnote type=\"warning\" *\u002F>}}次级提示{{\u003C\u002F* \u002Fsubnote *\u002F>}}\n",[173,448,449,454,459,464,471],{"__ignoreMap":356},[213,450,451],{"class":361,"line":95},[213,452,453],{},"{{\u003C\u002F* note type=\"info\" style=\"flat\" *\u002F>}}\n",[213,455,456],{"class":361,"line":367},[213,457,458],{},"提示内容，支持 Markdown。\n",[213,460,461],{"class":361,"line":373},[213,462,463],{},"{{\u003C\u002F* \u002Fnote *\u002F>}}\n",[213,465,467],{"class":361,"line":466},4,[213,468,470],{"emptyLinePlaceholder":469},true,"\n",[213,472,473],{"class":361,"line":4},[213,474,475],{},"{{\u003C\u002F* subnote type=\"warning\" *\u002F>}}次级提示{{\u003C\u002F* \u002Fsubnote *\u002F>}}\n",[182,477,478,491],{},[185,479,480],{},[188,481,482,485,488],{},[191,483,484],{},"参数",[191,486,487],{},"是否必填",[191,489,490],{},"说明",[201,492,493,521,544],{},[188,494,495,500,503],{},[206,496,497],{},[173,498,499],{},"type",[206,501,502],{},"否",[206,504,505,214,508,214,511,214,514,214,517,520],{},[173,506,507],{},"info",[173,509,510],{},"success",[173,512,513],{},"warning",[173,515,516],{},"danger",[173,518,519],{},"primary"," 或默认样式",[188,522,523,528,530],{},[206,524,525],{},[173,526,527],{},"style",[206,529,502],{},[206,531,532,214,535,214,538,541,542],{},[173,533,534],{},"flat",[173,536,537],{},"simple",[173,539,540],{},"modern","；默认使用 ",[173,543,534],{},[188,545,546,549,552],{},[206,547,548],{},"正文",[206,550,551],{},"是",[206,553,554],{},"支持 Markdown 的提示内容",[147,556,557],{},[158,558,381],{},[147,560,561,563,564,566,569,570,572,574,575,577,580,581,583,586,587],{},[153,562],{"value":155},"信息提示适合解释前置条件或补充背景。",[153,565],{"value":164},[153,567],{"value":568},"\u003C note type=\"success\" style=\"modern\" >","构建与内容检查已经通过，可以继续发布流程。",[153,571],{"value":164},[153,573],{"value":307},"修改配置后请重新构建站点，避免继续使用旧的资源指纹。",[153,576],{"value":164},[153,578],{"value":579},"\u003C note type=\"danger\" >","危险提示应只用于确实需要读者立即注意的问题。",[153,582],{"value":164},[153,584],{"value":585},"\u003C subnote type=\"warning\" >","这是紧跟主要内容的次级提醒。",[153,588],{"value":589},"\u003C \u002Fsubnote >",[315,591,593],{"id":592},"选择快捷键与隐藏文字","选择、快捷键与隐藏文字",[147,595,596,597,600,601,604],{},"这组组件适合展示只读状态和行内补充信息。",[173,598,599],{},"checkbox"," 与 ",[173,602,603],{},"radio"," 仅负责表达，不会提交表单。",[351,606,608],{"className":353,"code":607,"language":355,"meta":356,"style":356},"{{\u003C\u002F* checkbox checked=true *\u002F>}}已完成事项{{\u003C\u002F* \u002Fcheckbox *\u002F>}}\n{{\u003C\u002F* radio checked=false *\u002F>}}未选择事项{{\u003C\u002F* \u002Fradio *\u002F>}}\n{{\u003C\u002F* keyboard *\u002F>}}⌘ K{{\u003C\u002F* \u002Fkeyboard *\u002F>}}\n{{\u003C\u002F* spoiler *\u002F>}}移入或聚焦后显示{{\u003C\u002F* \u002Fspoiler *\u002F>}}\n{{\u003C\u002F* bubble position=\"left\" *\u002F>}}气泡消息{{\u003C\u002F* \u002Fbubble *\u002F>}}\n",[173,609,610,615,620,625,630],{"__ignoreMap":356},[213,611,612],{"class":361,"line":95},[213,613,614],{},"{{\u003C\u002F* checkbox checked=true *\u002F>}}已完成事项{{\u003C\u002F* \u002Fcheckbox *\u002F>}}\n",[213,616,617],{"class":361,"line":367},[213,618,619],{},"{{\u003C\u002F* radio checked=false *\u002F>}}未选择事项{{\u003C\u002F* \u002Fradio *\u002F>}}\n",[213,621,622],{"class":361,"line":373},[213,623,624],{},"{{\u003C\u002F* keyboard *\u002F>}}⌘ K{{\u003C\u002F* \u002Fkeyboard *\u002F>}}\n",[213,626,627],{"class":361,"line":466},[213,628,629],{},"{{\u003C\u002F* spoiler *\u002F>}}移入或聚焦后显示{{\u003C\u002F* \u002Fspoiler *\u002F>}}\n",[213,631,632],{"class":361,"line":4},[213,633,634],{},"{{\u003C\u002F* bubble position=\"left\" *\u002F>}}气泡消息{{\u003C\u002F* \u002Fbubble *\u002F>}}\n",[147,636,637,640,641,644,647,648,650,653,654,657,660,661],{},[153,638],{"value":639},"\u003C checkbox checked=true >","已完成事项",[153,642],{"value":643},"\u003C \u002Fcheckbox >",[153,645],{"value":646},"\u003C checkbox checked=false style=\"blue\" >","尚未完成事项",[153,649],{"value":643},[153,651],{"value":652},"\u003C radio checked=true >","已选择事项",[153,655],{"value":656},"\u003C \u002Fradio >",[153,658],{"value":659},"\u003C checkbox checked=true style=\"plus\" >","新增检查项",[153,662],{"value":643},[147,664,665,666,669,670,673,674,677,678,681,682,685,686],{},"按下 ",[153,667],{"value":668},"\u003C keyboard >","⌘ K",[153,671],{"value":672},"\u003C \u002Fkeyboard >"," 打开搜索；答案是 ",[153,675],{"value":676},"\u003C spoiler >","隐藏内容",[153,679],{"value":680},"\u003C \u002Fspoiler >","。",[153,683],{"value":684},"\u003C bubble position=\"left\" >","气泡消息",[153,687],{"value":688},"\u003C \u002Fbubble >",[166,690,692],{"id":691},"链接按钮与媒体","链接、按钮与媒体",[315,694,695],{"id":695},"按钮与链接卡片",[147,697,698,700,701,704,705,707],{},[173,699,252],{}," 提供主题按钮，并通过 ",[173,702,703],{},"option"," 组合颜色、描边和整行样式；",[173,706,255],{}," 将链接呈现为带说明的资源卡片。站外链接会自动在新窗口打开并附带安全属性。",[147,709,710],{},[158,711,349],{},[351,713,715],{"className":353,"code":714,"language":355,"meta":356,"style":356},"{{\u003C\u002F* button url=\"https:\u002F\u002Fgohugo.io\u002F\" text=\"Hugo 官网\" icon=\"fas fa-link\" *\u002F>}}\n{{\u003C\u002F* button url=\"\u002F\" text=\"描边按钮\" icon=\"fas fa-house\" option=\"blue outline\" *\u002F>}}\n{{\u003C\u002F* link url=\"\u002F\" title=\"站内链接\" desc=\"返回示例站首页\" *\u002F>}}\n",[173,716,717,722,727],{"__ignoreMap":356},[213,718,719],{"class":361,"line":95},[213,720,721],{},"{{\u003C\u002F* button url=\"https:\u002F\u002Fgohugo.io\u002F\" text=\"Hugo 官网\" icon=\"fas fa-link\" *\u002F>}}\n",[213,723,724],{"class":361,"line":367},[213,725,726],{},"{{\u003C\u002F* button url=\"\u002F\" text=\"描边按钮\" icon=\"fas fa-house\" option=\"blue outline\" *\u002F>}}\n",[213,728,729],{"class":361,"line":373},[213,730,731],{},"{{\u003C\u002F* link url=\"\u002F\" title=\"站内链接\" desc=\"返回示例站首页\" *\u002F>}}\n",[182,733,734,745],{},[185,735,736],{},[188,737,738,740,743],{},[191,739,484],{},[191,741,742],{},"适用组件",[191,744,490],{},[201,746,747,760,774,788,809],{},[188,748,749,754,757],{},[206,750,751],{},[173,752,753],{},"url",[206,755,756],{},"全部",[206,758,759],{},"目标地址",[188,761,762,767,771],{},[206,763,764],{},[173,765,766],{},"text",[206,768,769],{},[173,770,252],{},[206,772,773],{},"按钮文字",[188,775,776,781,785],{},[206,777,778],{},[173,779,780],{},"icon",[206,782,783],{},[173,784,252],{},[206,786,787],{},"图标类名",[188,789,790,794,798],{},[206,791,792],{},[173,793,703],{},[206,795,796],{},[173,797,252],{},[206,799,800,801,804,805,808],{},"可组合 ",[173,802,803],{},"outline","、颜色、",[173,806,807],{},"block"," 等样式",[188,810,811,820,824],{},[206,812,813,816,817],{},[173,814,815],{},"title"," \u002F ",[173,818,819],{},"desc",[206,821,822],{},[173,823,255],{},[206,825,826],{},"卡片标题与说明",[147,828,829],{},[158,830,381],{},[147,832,833,836,839],{},[153,834],{"value":835},"\u003C button url=\"https:\u002F\u002Fgohugo.io\u002F\" text=\"Hugo 官网\" icon=\"fas fa-arrow-up-right-from-square\" >",[153,837],{"value":838},"\u003C button url=\"\u002F\" text=\"描边按钮\" icon=\"fas fa-house\" option=\"blue outline\" >",[153,840],{"value":841},"\u003C button url=\"\u002F\" text=\"适合移动端换行的整行按钮\" icon=\"fas fa-arrow-right\" option=\"block\" >",[147,843,844,847],{},[153,845],{"value":846},"\u003C link url=\"https:\u002F\u002Fgohugo.io\u002F\" title=\"Hugo\" desc=\"The world’s fastest framework for building websites\" >",[153,848],{"value":849},"\u003C link url=\"\u002F\" title=\"站内链接与超长标题在窄屏下的截断和换行验证\" desc=\"返回示例站首页，检查移动端触控面积与键盘焦点状态。\" >",[315,851,852],{"id":852},"图片",[147,854,855,858,859,862],{},[173,856,857],{},"img"," 用于带说明的块级图片，",[173,860,861],{},"inlineImg"," 用于跟随文字排列的小图片。",[351,864,866],{"className":353,"code":865,"language":355,"meta":356,"style":356},"{{\u003C\u002F* img src=\"\u002Fimg\u002Fdefault.avif\" alt=\"示例图片\" caption=\"主题默认封面\" *\u002F>}}\n{{\u003C\u002F* inlineImg src=\"\u002Fimg\u002Flogo.png\" alt=\"Logo\" height=\"24px\" *\u002F>}}\n",[173,867,868,873],{"__ignoreMap":356},[213,869,870],{"class":361,"line":95},[213,871,872],{},"{{\u003C\u002F* img src=\"\u002Fimg\u002Fdefault.avif\" alt=\"示例图片\" caption=\"主题默认封面\" *\u002F>}}\n",[213,874,875],{"class":361,"line":367},[213,876,877],{},"{{\u003C\u002F* inlineImg src=\"\u002Fimg\u002Flogo.png\" alt=\"Logo\" height=\"24px\" *\u002F>}}\n",[147,879,880],{},[153,881],{"value":882},"\u003C img src=\"\u002Fimg\u002Fdemo\u002Fcover-shortcodes-v2.webp\" alt=\"Solitude Shortcode 示例封面\" caption=\"本地 Shortcode 示例素材\" >",[147,884,885,886,889],{},"Solitude ",[153,887],{"value":888},"\u003C inlineImg src=\"\u002Fimg\u002Flogo.png\" alt=\"Solitude Logo\" height=\"24px\" >"," 与 Hugo 可以出现在同一行文字中。",[315,891,892],{"id":892},"视频与音频",[147,894,895],{},"YouTube、哔哩哔哩、原生音频和原生视频分别使用独立组件。外部媒体是否可播放仍取决于来源站点、网络环境与浏览器策略。",[351,897,899],{"className":353,"code":898,"language":355,"meta":356,"style":356},"{{\u003C\u002F* youtube id=\"dQw4w9WgXcQ\" *\u002F>}}\n{{\u003C\u002F* bvideo bvid=\"BV1xx411c7mD\" *\u002F>}}\n{{\u003C\u002F* audio url=\"\u002Fmedia\u002Fexample.mp3\" name=\"示例音频\" *\u002F>}}\n{{\u003C\u002F* video url=\"\u002Fmedia\u002Fexample.mp4\" poster=\"\u002Fimg\u002Fdefault.avif\" *\u002F>}}\n",[173,900,901,906,911,916],{"__ignoreMap":356},[213,902,903],{"class":361,"line":95},[213,904,905],{},"{{\u003C\u002F* youtube id=\"dQw4w9WgXcQ\" *\u002F>}}\n",[213,907,908],{"class":361,"line":367},[213,909,910],{},"{{\u003C\u002F* bvideo bvid=\"BV1xx411c7mD\" *\u002F>}}\n",[213,912,913],{"class":361,"line":373},[213,914,915],{},"{{\u003C\u002F* audio url=\"\u002Fmedia\u002Fexample.mp3\" name=\"示例音频\" *\u002F>}}\n",[213,917,918],{"class":361,"line":466},[213,919,920],{},"{{\u003C\u002F* video url=\"\u002Fmedia\u002Fexample.mp4\" poster=\"\u002Fimg\u002Fdefault.avif\" *\u002F>}}\n",[147,922,923,926,929,932],{},[153,924],{"value":925},"\u003C youtube id=\"dQw4w9WgXcQ\" >",[153,927],{"value":928},"\u003C bvideo bvid=\"BV1xx411c7mD\" >",[153,930],{"value":931},"\u003C audio url=\"\u002Fmedia\u002Fshortcodes\u002Ft-rex-roar.mp3\" name=\"本地示例音频\" >",[153,933],{"value":934},"\u003C video url=\"\u002Fmedia\u002Fshortcodes\u002Fflower.mp4\" poster=\"\u002Fimg\u002Fdemo\u002Fcover-shortcodes-v2.webp\" >",[166,936,938],{"id":937},"折叠隐藏与卡片","折叠、隐藏与卡片",[315,940,941],{"id":941},"折叠面板",[147,943,944,946,947,950,951,954],{},[173,945,239],{}," 使用原生 ",[173,948,949],{},"details"," 结构，支持鼠标、触摸和键盘操作。添加 ",[173,952,953],{},"open=true"," 可让内容默认展开。",[351,956,958],{"className":353,"code":957,"language":355,"meta":356,"style":356},"{{\u003C\u002F* fold title=\"展开内容\" open=true *\u002F>}}\n折叠区域内支持 **Markdown**。\n{{\u003C\u002F* \u002Ffold *\u002F>}}\n",[173,959,960,965,970],{"__ignoreMap":356},[213,961,962],{"class":361,"line":95},[213,963,964],{},"{{\u003C\u002F* fold title=\"展开内容\" open=true *\u002F>}}\n",[213,966,967],{"class":361,"line":367},[213,968,969],{},"折叠区域内支持 **Markdown**。\n",[213,971,972],{"class":361,"line":373},[213,973,974],{},"{{\u003C\u002F* \u002Ffold *\u002F>}}\n",[147,976,977,980,981,681,983],{},[153,978],{"value":979},"\u003C fold title=\"展开内容\" >","折叠区域内支持 ",[158,982,59],{},[153,984],{"value":985},"\u003C \u002Ffold >",[147,987,988,991,992],{},[153,989],{"value":990},"\u003C fold title=\"默认展开的长标题折叠面板，用于检查移动端省略和多行正文布局\" open=true >","\n展开状态同样使用柔和表面、清晰分隔和可见的键盘焦点，不依赖鼠标悬停。\n",[153,993],{"value":985},[315,995,996],{"id":996},"点击后显示",[147,998,999,1000,1003,1004,1007,1008,1011],{},"三个隐藏组件的区别只在呈现方式：",[173,1001,1002],{},"hideInline"," 适合一句话，",[173,1005,1006],{},"hideBlock"," 适合独立内容块，",[173,1009,1010],{},"hideToggle"," 适合带标题的可切换区域。",[351,1013,1015],{"className":353,"code":1014,"language":355,"meta":356,"style":356},"{{\u003C\u002F* hideInline text=\"查看答案\" *\u002F>}}答案{{\u003C\u002F* \u002FhideInline *\u002F>}}\n{{\u003C\u002F* hideBlock text=\"展开内容\" *\u002F>}}块级内容{{\u003C\u002F* \u002FhideBlock *\u002F>}}\n{{\u003C\u002F* hideToggle title=\"阅读更多\" *\u002F>}}可切换内容{{\u003C\u002F* \u002FhideToggle *\u002F>}}\n",[173,1016,1017,1022,1027],{"__ignoreMap":356},[213,1018,1019],{"class":361,"line":95},[213,1020,1021],{},"{{\u003C\u002F* hideInline text=\"查看答案\" *\u002F>}}答案{{\u003C\u002F* \u002FhideInline *\u002F>}}\n",[213,1023,1024],{"class":361,"line":367},[213,1025,1026],{},"{{\u003C\u002F* hideBlock text=\"展开内容\" *\u002F>}}块级内容{{\u003C\u002F* \u002FhideBlock *\u002F>}}\n",[213,1028,1029],{"class":361,"line":373},[213,1030,1031],{},"{{\u003C\u002F* hideToggle title=\"阅读更多\" *\u002F>}}可切换内容{{\u003C\u002F* \u002FhideToggle *\u002F>}}\n",[147,1033,1034,1035,1002,1038],{},"哪个组件适合藏在一句话里？",[153,1036],{"value":1037},"\u003C hideInline text=\"查看答案\" >",[153,1039],{"value":1040},"\u003C \u002FhideInline >",[147,1042,1043,1046,1047,681,1049,1052,1055,1056],{},[153,1044],{"value":1045},"\u003C hideBlock text=\"点击展开\" >","块级隐藏内容可以包含 ",[158,1048,59],{},[153,1050],{"value":1051},"\u003C \u002FhideBlock >",[153,1053],{"value":1054},"\u003C hideToggle title=\"可切换内容\" >","这里同样支持 Markdown，并保留明确的展开状态。",[153,1057],{"value":1058},"\u003C \u002FhideToggle >",[315,1060,1061],{"id":1061},"内容卡片",[147,1063,1064,1066],{},[173,1065,258],{}," 用于推荐项目、文章或资源。封面是可选项，没有封面时会自动切换到纯内容布局。",[351,1068,1070],{"className":353,"code":1069,"language":355,"meta":356,"style":356},"{{\u003C\u002F* card title=\"Hugo 卡片\" url=\"https:\u002F\u002Fgohugo.io\u002F\"\n    cover=\"\u002Fimg\u002Fdefault.avif\" tag=\"资源\" star=\"5\" *\u002F>}}\n卡片说明\n{{\u003C\u002F* \u002Fcard *\u002F>}}\n",[173,1071,1072,1077,1082,1087],{"__ignoreMap":356},[213,1073,1074],{"class":361,"line":95},[213,1075,1076],{},"{{\u003C\u002F* card title=\"Hugo 卡片\" url=\"https:\u002F\u002Fgohugo.io\u002F\"\n",[213,1078,1079],{"class":361,"line":367},[213,1080,1081],{},"    cover=\"\u002Fimg\u002Fdefault.avif\" tag=\"资源\" star=\"5\" *\u002F>}}\n",[213,1083,1084],{"class":361,"line":373},[213,1085,1086],{},"卡片说明\n",[213,1088,1089],{"class":361,"line":466},[213,1090,1091],{},"{{\u003C\u002F* \u002Fcard *\u002F>}}\n",[182,1093,1094,1102],{},[185,1095,1096],{},[188,1097,1098,1100],{},[191,1099,484],{},[191,1101,490],{},[201,1103,1104,1116,1125,1138,1151],{},[188,1105,1106,1110],{},[206,1107,1108],{},[173,1109,815],{},[206,1111,1112,1113],{},"卡片标题，也可使用 ",[173,1114,1115],{},"name",[188,1117,1118,1122],{},[206,1119,1120],{},[173,1121,753],{},[206,1123,1124],{},"可选的跳转地址",[188,1126,1127,1132],{},[206,1128,1129],{},[173,1130,1131],{},"cover",[206,1133,1134,1135],{},"可选封面，也可使用 ",[173,1136,1137],{},"bg",[188,1139,1140,1148],{},[206,1141,1142,816,1145],{},[173,1143,1144],{},"tag",[173,1146,1147],{},"star",[206,1149,1150],{},"分类标签与评分",[188,1152,1153,1161],{},[206,1154,1155,816,1158],{},[173,1156,1157],{},"width",[173,1159,1160],{},"height",[206,1162,1163],{},"可选尺寸，建议优先沿用默认响应式宽度",[147,1165,1166,1169,1170,1173,1176,1177],{},[153,1167],{"value":1168},"\u003C card title=\"Hugo 卡片\" url=\"https:\u002F\u002Fgohugo.io\u002F\" cover=\"\u002Fimg\u002Fdemo\u002Fcover-shortcodes-v2.webp\" tag=\"封面卡片\" star=\"5\" >","展示主题与重点内容",[153,1171],{"value":1172},"\u003C \u002Fcard >",[153,1174],{"value":1175},"\u003C card title=\"无封面卡片\" url=\"https:\u002F\u002Fgohugo.io\u002F\" tag=\"纯内容\" star=\"4\" >","简洁，也保持完整层级",[153,1178],{"value":1172},[166,1180,1181],{"id":1181},"数据与可视化",[315,1183,1185],{"id":1184},"mermaid-流程图","Mermaid 流程图",[147,1187,1188,1190],{},[173,1189,293],{}," 直接接收 Mermaid 语法，适合流程图、时序图、状态图等结构化图形。",[351,1192,1194],{"className":353,"code":1193,"language":355,"meta":356,"style":356},"{{\u003C\u002F* mermaid *\u002F>}}\nflowchart LR\n  Hexo --> Hugo\n  Hugo --> HTML\n{{\u003C\u002F* \u002Fmermaid *\u002F>}}\n",[173,1195,1196,1201,1206,1211,1216],{"__ignoreMap":356},[213,1197,1198],{"class":361,"line":95},[213,1199,1200],{},"{{\u003C\u002F* mermaid *\u002F>}}\n",[213,1202,1203],{"class":361,"line":367},[213,1204,1205],{},"flowchart LR\n",[213,1207,1208],{"class":361,"line":373},[213,1209,1210],{},"  Hexo --> Hugo\n",[213,1212,1213],{"class":361,"line":466},[213,1214,1215],{},"  Hugo --> HTML\n",[213,1217,1218],{"class":361,"line":4},[213,1219,1220],{},"{{\u003C\u002F* \u002Fmermaid *\u002F>}}\n",[147,1222,1223,1226,1227],{},[153,1224],{"value":1225},"\u003C mermaid >","\nflowchart LR\nHexo --> Hugo\nHugo --> HTML\n",[153,1228],{"value":1229},"\u003C \u002Fmermaid >",[315,1231,1233],{"id":1232},"chartjs-图表","Chart.js 图表",[147,1235,1236,1238,1239,214,1242,214,1245,1247,1248,1251],{},[173,1237,296],{}," 支持 ",[173,1240,1241],{},"id",[173,1243,1244],{},"layout",[173,1246,1157],{}," 和 ",[173,1249,1250],{},"description"," 参数。正文必须是合法 JSON。",[351,1253,1255],{"className":353,"code":1254,"language":355,"meta":356,"style":356},"{{\u003C\u002F* chartjs description=\"三期构建趋势\" *\u002F>}}\n{\"type\":\"line\",\"data\":{\"labels\":[\"一\",\"二\",\"三\"],\"datasets\":[{\"label\":\"趋势\",\"data\":[1,3,2]}]}}\n{{\u003C\u002F* \u002Fchartjs *\u002F>}}\n",[173,1256,1257,1262,1267],{"__ignoreMap":356},[213,1258,1259],{"class":361,"line":95},[213,1260,1261],{},"{{\u003C\u002F* chartjs description=\"三期构建趋势\" *\u002F>}}\n",[213,1263,1264],{"class":361,"line":367},[213,1265,1266],{},"{\"type\":\"line\",\"data\":{\"labels\":[\"一\",\"二\",\"三\"],\"datasets\":[{\"label\":\"趋势\",\"data\":[1,3,2]}]}}\n",[213,1268,1269],{"class":361,"line":373},[213,1270,1271],{},"{{\u003C\u002F* \u002Fchartjs *\u002F>}}\n",[147,1273,1274,1277,1278,1281,1282,1289,1290],{},[153,1275],{"value":1276},"\u003C chartjs description=\"三期构建趋势\" >","\n{\"type\":\"line\",\"data\":{\"labels\":",[213,1279,1280],{},"\"一\",\"二\",\"三\"",",\"datasets\":",[213,1283,1284,1285,1288],{},"{\"label\":\"趋势\",\"data\":",[213,1286,1287],{},"1,3,2","}","}}\n",[153,1291],{"value":1292},"\u003C \u002Fchartjs >",[315,1294,1295],{"id":1295},"乐谱与动态文字",[147,1297,1298,1301,1302,1304,1305,1308],{},[173,1299,1300],{},"score"," 使用 ABC 记谱文本，",[173,1303,299],{}," 用 ",[173,1306,1307],{},"speed"," 控制逐字显示速度。",[351,1310,1312],{"className":353,"code":1311,"language":355,"meta":356,"style":356},"{{\u003C\u002F* typeit speed=\"60\" *\u002F>}}TypeIt 动态文本{{\u003C\u002F* \u002Ftypeit *\u002F>}}\n",[173,1313,1314],{"__ignoreMap":356},[213,1315,1316],{"class":361,"line":95},[213,1317,1311],{},[147,1319,1320,1323,1324],{},[153,1321],{"value":1322},"\u003C score >","\nX:1\nT:Hugo migration\nM:4\u002F4\nK:C\nC D E F|G A B c|\n",[153,1325],{"value":1326},"\u003C \u002Fscore >",[147,1328,1329,1332,1333],{},[153,1330],{"value":1331},"\u003C typeit speed=\"60\" >","TypeIt 动态文本",[153,1334],{"value":1335},"\u003C \u002Ftypeit >",[166,1337,1338],{"id":1338},"仓库与站点资源",[315,1340,1341],{"id":1341},"仓库卡片",[147,1343,1344,1345,1348,1349,1352],{},"四个仓库组件使用同样的 ",[173,1346,1347],{},"repo=\"组织\u002F仓库\""," 写法；自建 Gitea 还需要提供 ",[173,1350,1351],{},"host","。仓库数据由浏览器访问对应平台 API，因此加载状态可能受网络或频率限制影响。",[351,1354,1356],{"className":353,"code":1355,"language":355,"meta":356,"style":356},"{{\u003C\u002F* github repo=\"gohugoio\u002Fhugo\" *\u002F>}}\n{{\u003C\u002F* gitlab repo=\"gitlab-org\u002Fgitlab\" *\u002F>}}\n{{\u003C\u002F* gitee repo=\"mirrors\u002Fhugo\" *\u002F>}}\n{{\u003C\u002F* gitea repo=\"go-gitea\u002Fgitea\" host=\"https:\u002F\u002Fgitea.com\" *\u002F>}}\n",[173,1357,1358,1363,1368,1373],{"__ignoreMap":356},[213,1359,1360],{"class":361,"line":95},[213,1361,1362],{},"{{\u003C\u002F* github repo=\"gohugoio\u002Fhugo\" *\u002F>}}\n",[213,1364,1365],{"class":361,"line":367},[213,1366,1367],{},"{{\u003C\u002F* gitlab repo=\"gitlab-org\u002Fgitlab\" *\u002F>}}\n",[213,1369,1370],{"class":361,"line":373},[213,1371,1372],{},"{{\u003C\u002F* gitee repo=\"mirrors\u002Fhugo\" *\u002F>}}\n",[213,1374,1375],{"class":361,"line":466},[213,1376,1377],{},"{{\u003C\u002F* gitea repo=\"go-gitea\u002Fgitea\" host=\"https:\u002F\u002Fgitea.com\" *\u002F>}}\n",[147,1379,1380,1383,1386,1389],{},[153,1381],{"value":1382},"\u003C github repo=\"gohugoio\u002Fhugo\" >",[153,1384],{"value":1385},"\u003C gitlab repo=\"gitlab-org\u002Fgitlab\" >",[153,1387],{"value":1388},"\u003C gitee repo=\"mirrors\u002Fhugo\" >",[153,1390],{"value":1391},"\u003C gitea repo=\"go-gitea\u002Fgitea\" host=\"https:\u002F\u002Fgitea.com\" >",[315,1393,1394],{"id":1394},"友链列表",[147,1396,1397,1400],{},[173,1398,1399],{},"flink"," 的正文是 YAML 数据。一个组件可以包含多个分组，每个分组下可以继续放置多个站点。",[351,1402,1404],{"className":353,"code":1403,"language":355,"meta":356,"style":356},"{{\u003C\u002F* flink *\u002F>}}\n- class_name: 官方资源\n  class_desc: Hugo 官方网站\n  link_list:\n    - name: Hugo\n      link: https:\u002F\u002Fgohugo.io\u002F\n      avatar: https:\u002F\u002Fgohugo.io\u002Fimages\u002Fhugo-logo-wide.svg\n      descr: 世界上最快的网站构建框架\n{{\u003C\u002F* \u002Fflink *\u002F>}}\n",[173,1405,1406,1411,1416,1421,1426,1431,1437,1443,1449],{"__ignoreMap":356},[213,1407,1408],{"class":361,"line":95},[213,1409,1410],{},"{{\u003C\u002F* flink *\u002F>}}\n",[213,1412,1413],{"class":361,"line":367},[213,1414,1415],{},"- class_name: 官方资源\n",[213,1417,1418],{"class":361,"line":373},[213,1419,1420],{},"  class_desc: Hugo 官方网站\n",[213,1422,1423],{"class":361,"line":466},[213,1424,1425],{},"  link_list:\n",[213,1427,1428],{"class":361,"line":4},[213,1429,1430],{},"    - name: Hugo\n",[213,1432,1434],{"class":361,"line":1433},6,[213,1435,1436],{},"      link: https:\u002F\u002Fgohugo.io\u002F\n",[213,1438,1440],{"class":361,"line":1439},7,[213,1441,1442],{},"      avatar: https:\u002F\u002Fgohugo.io\u002Fimages\u002Fhugo-logo-wide.svg\n",[213,1444,1446],{"class":361,"line":1445},8,[213,1447,1448],{},"      descr: 世界上最快的网站构建框架\n",[213,1450,1452],{"class":361,"line":1451},9,[213,1453,1454],{},"{{\u003C\u002F* \u002Fflink *\u002F>}}\n",[147,1456,1457],{},[153,1458],{"value":1459},"\u003C flink >",[1461,1462,1463],"ul",{},[1464,1465,1466,1467],"li",{},"class_name: 官方资源\nclass_desc: Hugo 官方网站\nlink_list:\n",[1461,1468,1469],{},[1464,1470,1471,1472,1478,1479,1483,1484],{},"name: Hugo\nlink: ",[1473,1474,1475],"a",{"href":1475,"rel":1476},"https:\u002F\u002Fgohugo.io\u002F",[1477],"nofollow","\navatar: ",[1473,1480,1481],{"href":1481,"rel":1482},"https:\u002F\u002Fgohugo.io\u002Fimages\u002Fhugo-logo-wide.svg",[1477],"\ndescr: 世界上最快的网站构建框架\n",[153,1485],{"value":1486},"\u003C \u002Fflink >",[166,1488,1489],{"id":1489},"布局与内容集合",[315,1491,1492],{"id":1492},"图库与图库分组",[147,1494,1495,1497,1498,1501,1502,1505,1506,1509],{},[173,1496,277],{}," 负责瀑布流容器，内部使用 ",[173,1499,1500],{},"galleryItem"," 放置不同宽高的图片；",[173,1503,1504],{},"columns"," 可指定桌面端列数。",[173,1507,1508],{},"galleryGroup"," 则用于创建带封面、说明和链接的图库入口。",[351,1511,1513],{"className":353,"code":1512,"language":355,"meta":356,"style":356},"{{\u003C\u002F* gallery columns=\"2\" *\u002F>}}\n{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 1\" *\u002F>}}\n{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 2\" *\u002F>}}\n{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 3\" *\u002F>}}\n{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 4\" *\u002F>}}\n{{\u003C\u002F* \u002Fgallery *\u002F>}}\n",[173,1514,1515,1520,1525,1530,1535,1540],{"__ignoreMap":356},[213,1516,1517],{"class":361,"line":95},[213,1518,1519],{},"{{\u003C\u002F* gallery columns=\"2\" *\u002F>}}\n",[213,1521,1522],{"class":361,"line":367},[213,1523,1524],{},"{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 1\" *\u002F>}}\n",[213,1526,1527],{"class":361,"line":373},[213,1528,1529],{},"{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 2\" *\u002F>}}\n",[213,1531,1532],{"class":361,"line":466},[213,1533,1534],{},"{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 3\" *\u002F>}}\n",[213,1536,1537],{"class":361,"line":4},[213,1538,1539],{},"{{\u003C\u002F* galleryItem src=\"\u002Fimg\u002Fdefault.avif\" alt=\"Gallery 4\" *\u002F>}}\n",[213,1541,1542],{"class":361,"line":1433},[213,1543,1544],{},"{{\u003C\u002F* \u002Fgallery *\u002F>}}\n",[147,1546,1547,1550,1553,1556,1559,1562,1565],{},[153,1548],{"value":1549},"\u003C gallery columns=\"2\" >",[153,1551],{"value":1552},"\u003C galleryItem src=\"\u002Fimg\u002Fdemo\u002Fabout\u002Fmusic-listening-v2.webp\" alt=\"音乐主题示例图片\" >",[153,1554],{"value":1555},"\u003C galleryItem src=\"\u002Fimg\u002Fdemo\u002Fgenerated\u002Fsolitude-crystal-orbit.png\" alt=\"Solitude 水晶轨道\" >",[153,1557],{"value":1558},"\u003C galleryItem src=\"\u002Fimg\u002Fdemo\u002Fabout\u002Fpersonality-enfj-v2.png\" alt=\"ENFJ 性格主题图片\" >",[153,1560],{"value":1561},"\u003C galleryItem src=\"\u002Fimg\u002Fdemo\u002Fabout\u002Fpersonal-photo-selfie-wide.png\" alt=\"宽幅生活照片\" >",[153,1563],{"value":1564},"\u003C galleryItem src=\"\u002Fimg\u002Fdemo\u002Fabout\u002Fgame-apex-v1.webp\" alt=\"游戏主题示例图片\" >",[153,1566],{"value":1567},"\u003C \u002Fgallery >",[147,1569,1570,1573,1574],{},[153,1571],{"value":1572},"\u003C galleryGroup title=\"图库分组\" img=\"\u002Fimg\u002Fdemo\u002Fcover-shortcodes-v2.webp\" url=\"\u002F\" >","用于聚合同一主题下的一组图片。",[153,1575],{"value":1576},"\u003C \u002FgalleryGroup >",[315,1578,1579],{"id":1579},"标签页",[147,1581,1582,1584,1585,1588,1589,1591],{},[173,1583,271],{}," 作为容器，每个 ",[173,1586,1587],{},"tab"," 提供标题和内容。为同一篇文章里的每组标签页设置唯一 ",[173,1590,1241],{},"，可以避免状态互相影响。",[351,1593,1595],{"className":353,"code":1594,"language":355,"meta":356,"style":356},"{{\u003C\u002F* tabs id=\"demo-tabs\" *\u002F>}}\n{{\u003C\u002F* tab title=\"第一个\" *\u002F>}}第一个标签页{{\u003C\u002F* \u002Ftab *\u002F>}}\n{{\u003C\u002F* tab title=\"第二个\" *\u002F>}}第二个标签页{{\u003C\u002F* \u002Ftab *\u002F>}}\n{{\u003C\u002F* \u002Ftabs *\u002F>}}\n",[173,1596,1597,1602,1607,1612],{"__ignoreMap":356},[213,1598,1599],{"class":361,"line":95},[213,1600,1601],{},"{{\u003C\u002F* tabs id=\"demo-tabs\" *\u002F>}}\n",[213,1603,1604],{"class":361,"line":367},[213,1605,1606],{},"{{\u003C\u002F* tab title=\"第一个\" *\u002F>}}第一个标签页{{\u003C\u002F* \u002Ftab *\u002F>}}\n",[213,1608,1609],{"class":361,"line":373},[213,1610,1611],{},"{{\u003C\u002F* tab title=\"第二个\" *\u002F>}}第二个标签页{{\u003C\u002F* \u002Ftab *\u002F>}}\n",[213,1613,1614],{"class":361,"line":466},[213,1615,1616],{},"{{\u003C\u002F* \u002Ftabs *\u002F>}}\n",[147,1618,1619,1622,1625,1626,1629,1632,1633,1635,1638,1639,1641],{},[153,1620],{"value":1621},"\u003C tabs id=\"demo-tabs\" >",[153,1623],{"value":1624},"\u003C tab title=\"第一个\" >","第一个标签页",[153,1627],{"value":1628},"\u003C \u002Ftab >",[153,1630],{"value":1631},"\u003C tab title=\"第二个\" >","第二个标签页",[153,1634],{"value":1628},[153,1636],{"value":1637},"\u003C tab title=\"用于验证横向滚动的较长标签标题\" >","窄屏下标签导航可以横向滚动，并保留完整的键盘操作。",[153,1640],{"value":1628},[153,1642],{"value":1643},"\u003C \u002Ftabs >",[315,1645,1646],{"id":1646},"时间线",[147,1648,1649,1650,1652,1653,1656],{},"时间线由 ",[173,1651,274],{}," 和一个或多个 ",[173,1654,1655],{},"timenode"," 组成。时间与标题应保持简短，详细说明放在节点正文中。",[351,1658,1660],{"className":353,"code":1659,"language":355,"meta":356,"style":356},"{{\u003C\u002F* timeline title=\"迁移时间线\" *\u002F>}}\n{{\u003C\u002F* timenode time=\"2026-08-21\" title=\"Hugo 版本\" *\u002F>}}\n完成原生主题迁移。\n{{\u003C\u002F* \u002Ftimenode *\u002F>}}\n{{\u003C\u002F* \u002Ftimeline *\u002F>}}\n",[173,1661,1662,1667,1672,1677,1682],{"__ignoreMap":356},[213,1663,1664],{"class":361,"line":95},[213,1665,1666],{},"{{\u003C\u002F* timeline title=\"迁移时间线\" *\u002F>}}\n",[213,1668,1669],{"class":361,"line":367},[213,1670,1671],{},"{{\u003C\u002F* timenode time=\"2026-08-21\" title=\"Hugo 版本\" *\u002F>}}\n",[213,1673,1674],{"class":361,"line":373},[213,1675,1676],{},"完成原生主题迁移。\n",[213,1678,1679],{"class":361,"line":466},[213,1680,1681],{},"{{\u003C\u002F* \u002Ftimenode *\u002F>}}\n",[213,1683,1684],{"class":361,"line":4},[213,1685,1686],{},"{{\u003C\u002F* \u002Ftimeline *\u002F>}}\n",[147,1688,1689,1692,1695,1696,1699,1702,1703,1705],{},[153,1690],{"value":1691},"\u003C timeline title=\"迁移时间线\" >",[153,1693],{"value":1694},"\u003C timenode time=\"2026-08-21\" title=\"Hugo 版本\" >","完成原生主题迁移。",[153,1697],{"value":1698},"\u003C \u002Ftimenode >",[153,1700],{"value":1701},"\u003C timenode time=\"2026-08-25\" title=\"文档重组\" >","补充写法、参数与真实效果，让组件更容易检索和复用。",[153,1704],{"value":1698},[153,1706],{"value":1707},"\u003C \u002Ftimeline >",[315,1709,1710],{"id":1710},"系列文章与视频集合",[147,1712,1713,1715,1716,1718,1719,1722],{},[173,1714,280],{}," 会读取文章 Front Matter 中同名的 ",[173,1717,280],{},"，并按日期生成文章列表。",[173,1720,1721],{},"videos"," 则把正文中的每行地址渲染为一个原生视频播放器。",[351,1724,1726],{"className":353,"code":1725,"language":355,"meta":356,"style":356},"{{\u003C\u002F* series name=\"官方示例\" *\u002F>}}\n\n{{\u003C\u002F* videos col=\"2\" *\u002F>}}\n\u002Fmedia\u002Fshortcodes\u002Fflower.mp4\n\u002Fmedia\u002Fshortcodes\u002Ffriday.mp4\n{{\u003C\u002F* \u002Fvideos *\u002F>}}\n",[173,1727,1728,1733,1737,1742,1747,1752],{"__ignoreMap":356},[213,1729,1730],{"class":361,"line":95},[213,1731,1732],{},"{{\u003C\u002F* series name=\"官方示例\" *\u002F>}}\n",[213,1734,1735],{"class":361,"line":367},[213,1736,470],{"emptyLinePlaceholder":469},[213,1738,1739],{"class":361,"line":373},[213,1740,1741],{},"{{\u003C\u002F* videos col=\"2\" *\u002F>}}\n",[213,1743,1744],{"class":361,"line":466},[213,1745,1746],{},"\u002Fmedia\u002Fshortcodes\u002Fflower.mp4\n",[213,1748,1749],{"class":361,"line":4},[213,1750,1751],{},"\u002Fmedia\u002Fshortcodes\u002Ffriday.mp4\n",[213,1753,1754],{"class":361,"line":1433},[213,1755,1756],{},"{{\u003C\u002F* \u002Fvideos *\u002F>}}\n",[147,1758,1759],{},[153,1760],{"value":1761},"\u003C series name=\"官方示例\" >",[147,1763,1764,1767,1768],{},[153,1765],{"value":1766},"\u003C videos col=\"2\" >","\n\u002Fmedia\u002Fshortcodes\u002Fflower.mp4\n\u002Fmedia\u002Fshortcodes\u002Ffriday.mp4\n",[153,1769],{"value":1770},"\u003C \u002Fvideos >",[166,1772,1773],{"id":1773},"使用建议",[1775,1776,1777,1780,1783,1786],"ol",{},[1464,1778,1779],{},"先用标准 Markdown 完成正文，只在标准语法无法表达时引入 shortcode。",[1464,1781,1782],{},"一个组件解决一种内容关系，避免为了装饰而层层嵌套。",[1464,1784,1785],{},"图片和媒体补全替代文本或标题，并优先选择稳定、可控的资源地址。",[1464,1787,1788],{},"发布前执行完整构建，再在桌面端与移动端检查长标题、代码块、表格和交互组件。",[147,1790,1791,1793,1794],{},[153,1792],{"value":568},"\n如果你正在迁移 Hexo 文章，可以先按组件名称替换旧标签，再对照本文逐项调整参数。这样比一次性改写整篇文章更容易定位构建错误。\n",[153,1795],{"value":164},[527,1797,1798],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":356,"searchDepth":367,"depth":367,"links":1800},[1801,1802,1807,1812,1817,1822,1826,1832],{"id":168,"depth":367,"text":168},{"id":313,"depth":367,"text":313,"children":1803},[1804,1805,1806],{"id":317,"depth":373,"text":317},{"id":431,"depth":373,"text":431},{"id":592,"depth":373,"text":593},{"id":691,"depth":367,"text":692,"children":1808},[1809,1810,1811],{"id":695,"depth":373,"text":695},{"id":852,"depth":373,"text":852},{"id":892,"depth":373,"text":892},{"id":937,"depth":367,"text":938,"children":1813},[1814,1815,1816],{"id":941,"depth":373,"text":941},{"id":996,"depth":373,"text":996},{"id":1061,"depth":373,"text":1061},{"id":1181,"depth":367,"text":1181,"children":1818},[1819,1820,1821],{"id":1184,"depth":373,"text":1185},{"id":1232,"depth":373,"text":1233},{"id":1295,"depth":373,"text":1295},{"id":1338,"depth":367,"text":1338,"children":1823},[1824,1825],{"id":1341,"depth":373,"text":1341},{"id":1394,"depth":373,"text":1394},{"id":1489,"depth":367,"text":1489,"children":1827},[1828,1829,1830,1831],{"id":1492,"depth":373,"text":1492},{"id":1579,"depth":373,"text":1579},{"id":1646,"depth":373,"text":1646},{"id":1710,"depth":373,"text":1710},{"id":1773,"depth":367,"text":1773},[56],"md",{},{"title":50,"description":53},[1838],"官方示例","p\u002Fshortcodes",[58,59,16],"s5La1C6h5Ydzo3VVLMLqyUald5aQGVvmv2dJBOeA318",[1843,1846,1849],{"title":23,"path":24,"date":25,"lastmod":25,"description":26,"cover":27,"categories":1844,"tags":1845,"sticky":18,"wordCount":33,"readingTime":34,"locate":35},[29],[31,32,16],{"title":37,"path":38,"date":39,"lastmod":39,"description":40,"cover":41,"categories":1847,"tags":1848,"sticky":18,"wordCount":46,"readingTime":47,"locate":48},[29],[44,45,16],{"title":50,"path":51,"date":52,"lastmod":6,"description":53,"cover":54,"categories":1850,"tags":1851,"sticky":18,"wordCount":60,"readingTime":61,"locate":62},[56],[58,59,16],1791867074147]