[{"data":1,"prerenderedAt":163},["ShallowReactive",2],{"content:\u002F2026\u002Fstory-example":3,"surround:\u002F2026\u002Fstory-example":157},{"id":4,"title":5,"body":6,"categories":133,"date":135,"description":136,"draft":137,"extension":138,"image":139,"meta":140,"navigation":142,"path":143,"permalink":144,"published":144,"readingTime":145,"recommend":144,"references":144,"seo":150,"series":144,"sitemap":151,"stem":152,"tags":153,"type":35,"updated":135,"__hash__":156},"content\u002Fposts\u002F2026\u002Fstory-example.md","两种文章版式",{"type":7,"value":8,"toc":125},"minimark",[9,17,21,37,66,69,72,91,94,103],[10,11,13],"quote",{"icon":12},"tabler:quote",[14,15,16],"p",{},"同一篇文章，换一种版式，就换了一种语气。",[18,19,20],"h2",{"id":20},"一",[14,22,23,24,28,29,32,33,36],{},"Clarity 把文章版式抽象为一个字段 ",[25,26,27],"code",{"code":27},"type","。默认的 ",[25,30,31],{"code":31},"tech"," 版式标题左对齐、正文不缩进，适合技术说明；而 ",[25,34,35],{"code":35},"story"," 版式会把标题居中、正文首行缩进，并改用衬线体，读起来更像纸质书。",[38,39,40,43,46,49,56,59],"timeline",{},[14,41,42],{},"{从前}",[14,44,45],{},"有一篇文章，只是想被好好阅读。",[14,47,48],{},"{后来}",[14,50,51,52,55],{},"作者在 Front matter 里写下 ",[25,53,54],{"code":54},"type: story","。",[14,57,58],{},"{于是}",[14,60,61,62,65],{},"它拥有了呼吸的余地——\n一次缩进",[63,64],"br",{},"\n一行留白。",[18,67,68],{"id":68},"二",[14,70,71],{},"切换到 story 版式并不需要改动正文的任何一个字。标题的对齐方式、字体的衬线与否、段落的缩进，全由版式决定。这也意味着，一篇文章的「气质」可以与它的「内容」解耦。",[73,74,78],"poetry",{"author":75,"footer":76,"title":77},"CreamClarityDEMO","记于功能演示","版式",[14,79,80,81,83,84,86,87,55],{},"同一段文字，\n在 ",[25,82,31],{"code":31}," 里是说明，\n在 ",[25,85,35],{"code":35}," 里，\n",[88,89,90],"em",{},"是诗",[18,92,93],{"id":93},"三",[14,95,96,97,99,100,102],{},"如果你要写技术笔记，保持默认即可；如果你要写随笔、故事或感悟，把 ",[25,98,27],{"code":27}," 设为 ",[25,101,35],{"code":35},"，让排版替你说话。",[104,105,108],"alert",{"title":106,"type":107},"在哪里配置版式","info",[14,109,110,111,114,115,118,119,121,122,124],{},"文章版式在 ",[25,112,113],{"code":113},"blog.config.ts"," 的 ",[25,116,117],{"code":117},"article.types"," 中声明，首个为默认值。当前可选 ",[25,120,31],{"code":31}," 与 ",[25,123,35],{"code":35},"，也可以自行扩展新的版式。",{"title":126,"searchDepth":127,"depth":127,"links":128},"",4,[129,131,132],{"id":20,"depth":130,"text":20},2,{"id":68,"depth":130,"text":68},{"id":93,"depth":130,"text":93},[134],"写作指南","2026-10-03 11:00:00","Clarity 内置 tech 与 story 两套版式：前者适合技术文章，后者把标题居中、正文缩进、使用衬线体。本文用 story 版式写一篇短文。",false,"md","\u002Fcovers\u002Fstory-example.jpg",{"slots":141},{},true,"\u002F2026\u002Fstory-example",null,{"text":146,"minutes":147,"time":148,"words":149},"2 min read",1.38,82800,276,{"title":5,"description":136},{"loc":143},"posts\u002F2026\u002Fstory-example",[77,154,155],"故事","排版","JOkyaFOj5548TAWxDXg7N30imBMzdfwZQtr87_-GQJs",[158,144],{"title":159,"path":160,"stem":161,"date":162,"type":31,"children":-1},"订阅、搜索与评论","\u002F2026\u002Ffeed-search-comment","posts\u002F2026\u002Ffeed-search-comment","2026-10-03 10:50:00",1791033609858]