[{"data":1,"prerenderedAt":462},["ShallowReactive",2],{"post-hello-world":3},{"id":4,"title":5,"author":6,"body":7,"description":449,"draft":450,"extension":451,"image":452,"meta":453,"navigation":393,"path":454,"pinned":393,"published":455,"seo":456,"stem":457,"tags":458,"__hash__":461},"posts\u002Fposts\u002Fhello-world\u002Findex.md","Hello World - 欢迎来到尼克的小窝",null,{"type":8,"value":9,"toc":440},"minimark",[10,15,24,27,30,33,113,116,119,183,186,189,276,279,348,351,354,372,379,382,414,417,428,431,436],[11,12,14],"h2",{"id":13},"博客上线啦","博客上线啦！",[16,17,18,19,23],"p",{},"Hello World！欢迎来到",[20,21,22],"strong",{},"尼克的小窝","，这是我的第一篇博客文章。",[16,25,26],{},"经过一段时间的折腾，这个基于 Nuxt 3 的个人博客终于上线了。在这里记录一下这个项目的技术选型和功能特性。",[11,28,29],{"id":29},"技术栈",[16,31,32],{},"本站使用了以下技术：",[34,35,36,49],"table",{},[37,38,39],"thead",{},[40,41,42,46],"tr",{},[43,44,45],"th",{},"技术",[43,47,48],{},"用途",[50,51,52,63,73,83,93,103],"tbody",{},[40,53,54,60],{},[55,56,57],"td",{},[20,58,59],{},"Nuxt 3",[55,61,62],{},"Vue 3 全栈框架，提供 SSG、路由、API 等能力",[40,64,65,70],{},[55,66,67],{},[20,68,69],{},"TypeScript",[55,71,72],{},"类型安全，提升开发体验",[40,74,75,80],{},[55,76,77],{},[20,78,79],{},"Tailwind CSS v4",[55,81,82],{},"原子化 CSS，快速构建 UI",[40,84,85,90],{},[55,86,87],{},[20,88,89],{},"@nuxt\u002Fcontent",[55,91,92],{},"Markdown 驱动的内容管理",[40,94,95,100],{},[55,96,97],{},[20,98,99],{},"Shiki",[55,101,102],{},"代码语法高亮",[40,104,105,110],{},[55,106,107],{},[20,108,109],{},"Giscus",[55,111,112],{},"基于 GitHub Discussions 的评论系统",[11,114,115],{"id":115},"功能特性",[16,117,118],{},"目前已实现的功能：",[120,121,122,129,135,141,147,153,159,165,171,177],"ul",{},[123,124,125,128],"li",{},[20,126,127],{},"博客系统"," - Markdown 文章，支持代码高亮、目录导航、搜索",[123,130,131,134],{},[20,132,133],{},"暗色模式"," - 跟随系统或手动切换",[123,136,137,140],{},[20,138,139],{},"文章搜索"," - 支持标题、描述、正文、标签多维度搜索",[123,142,143,146],{},[20,144,145],{},"标签系统"," - 文章标签分类，高频标签快速筛选",[123,148,149,152],{},[20,150,151],{},"友链页面"," - 展示友情链接，支持申请",[123,154,155,158],{},[20,156,157],{},"赞助页面"," - 微信收款码展示",[123,160,161,164],{},[20,162,163],{},"封面制作"," - 在线生成封面图片工具",[123,166,167,170],{},[20,168,169],{},"网易云热评"," - 首页随机展示音乐评论",[123,172,173,176],{},[20,174,175],{},"访客统计"," - 不蒜子计数器，带数字滚动动画",[123,178,179,182],{},[20,180,181],{},"SEO 优化"," - 自动生成站点地图、Open Graph 标签",[11,184,185],{"id":185},"代码示例",[16,187,188],{},"本站的配置非常集中，一个文件搞定全站定制：",[190,191,196],"pre",{"className":192,"code":193,"language":194,"meta":195,"style":195},"language-typescript shiki shiki-themes github-light github-dark","\u002F\u002F config\u002Fsite.ts\nexport const siteConfig = {\n  siteName: '尼克的小窝',\n  url: 'https:\u002F\u002Fnixus.top\u002F',\n  avatar: 'https:\u002F\u002Fq2.qlogo.cn\u002Fheadimg_dl?dst_uin=xxx&spec=100',\n  \u002F\u002F ... 改这一个文件，全站生效\n}\n","typescript","",[197,198,199,208,229,242,253,264,270],"code",{"__ignoreMap":195},[200,201,204],"span",{"class":202,"line":203},"line",1,[200,205,207],{"class":206},"sHbNN","\u002F\u002F config\u002Fsite.ts\n",[200,209,211,215,218,222,225],{"class":202,"line":210},2,[200,212,214],{"class":213},"siTax","export",[200,216,217],{"class":213}," const",[200,219,221],{"class":220},"suQ91"," siteConfig",[200,223,224],{"class":213}," =",[200,226,228],{"class":227},"sIX_F"," {\n",[200,230,232,235,239],{"class":202,"line":231},3,[200,233,234],{"class":227},"  siteName: ",[200,236,238],{"class":237},"scXbn","'尼克的小窝'",[200,240,241],{"class":227},",\n",[200,243,245,248,251],{"class":202,"line":244},4,[200,246,247],{"class":227},"  url: ",[200,249,250],{"class":237},"'https:\u002F\u002Fnixus.top\u002F'",[200,252,241],{"class":227},[200,254,256,259,262],{"class":202,"line":255},5,[200,257,258],{"class":227},"  avatar: ",[200,260,261],{"class":237},"'https:\u002F\u002Fq2.qlogo.cn\u002Fheadimg_dl?dst_uin=xxx&spec=100'",[200,263,241],{"class":227},[200,265,267],{"class":202,"line":266},6,[200,268,269],{"class":206},"  \u002F\u002F ... 改这一个文件，全站生效\n",[200,271,273],{"class":202,"line":272},7,[200,274,275],{"class":227},"}\n",[16,277,278],{},"文章的 frontmatter 也很简洁：",[190,280,284],{"className":281,"code":282,"language":283,"meta":195,"style":195},"language-yaml shiki shiki-themes github-light github-dark","---\ntitle: 文章标题\npublished: 2026-05-31T08:00:00\ndescription: 文章简介\ntags: ['Nuxt', 'TypeScript']\n---\n","yaml",[197,285,286,292,304,314,324,344],{"__ignoreMap":195},[200,287,288],{"class":202,"line":203},[200,289,291],{"class":290},"sw2iP","---\n",[200,293,294,298,301],{"class":202,"line":210},[200,295,297],{"class":296},"sbB4o","title",[200,299,300],{"class":227},": ",[200,302,303],{"class":237},"文章标题\n",[200,305,306,309,311],{"class":202,"line":231},[200,307,308],{"class":296},"published",[200,310,300],{"class":227},[200,312,313],{"class":220},"2026-05-31T08:00:00\n",[200,315,316,319,321],{"class":202,"line":244},[200,317,318],{"class":296},"description",[200,320,300],{"class":227},[200,322,323],{"class":237},"文章简介\n",[200,325,326,329,332,335,338,341],{"class":202,"line":255},[200,327,328],{"class":296},"tags",[200,330,331],{"class":227},": [",[200,333,334],{"class":237},"'Nuxt'",[200,336,337],{"class":227},", ",[200,339,340],{"class":237},"'TypeScript'",[200,342,343],{"class":227},"]\n",[200,345,346],{"class":202,"line":266},[200,347,291],{"class":290},[11,349,350],{"id":350},"部署",[16,352,353],{},"本站使用 SSG 静态生成，构建后直接部署到静态托管即可：",[190,355,359],{"className":356,"code":357,"language":358,"meta":195,"style":195},"language-bash shiki shiki-themes github-light github-dark","npx nuxi generate\n","bash",[197,360,361],{"__ignoreMap":195},[200,362,363,366,369],{"class":202,"line":203},[200,364,365],{"class":290},"npx",[200,367,368],{"class":237}," nuxi",[200,370,371],{"class":237}," generate\n",[16,373,374,375,378],{},"构建产物在 ",[197,376,377],{},".output\u002Fpublic"," 目录下，可以直接丢到 Nginx、Vercel、Netlify 等平台。",[11,380,381],{"id":381},"后续计划",[120,383,386,396,402,408],{"className":384},[385],"contains-task-list",[123,387,390,395],{"className":388},[389],"task-list-item",[391,392],"input",{"disabled":393,"type":394},true,"checkbox"," RSS 订阅",[123,397,399,401],{"className":398},[389],[391,400],{"disabled":393,"type":394}," 文章目录优化",[123,403,405,407],{"className":404},[389],[391,406],{"disabled":393,"type":394}," 更多小工具",[123,409,411,413],{"className":410},[389],[391,412],{"disabled":393,"type":394}," 持续输出内容",[11,415,416],{"id":416},"致谢",[16,418,419,420,427],{},"感谢 ",[421,422,426],"a",{"href":423,"rel":424},"https:\u002F\u002F2x.nz",[425],"nofollow","二叉树树"," 的开源项目，本站的 UI 设计参考了他的项目。",[429,430],"hr",{},[16,432,433],{},[20,434,435],{},"感谢阅读！如果觉得不错，欢迎点个 Star 或者留个评论 (☞ﾟヮﾟ)☞",[437,438,439],"style",{},"html pre.shiki code .sw2iP, html code.shiki .sw2iP{--shiki-light:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .scXbn, html code.shiki .scXbn{--shiki-light:#032F62;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHbNN, html code.shiki .sHbNN{--shiki-light:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .siTax, html code.shiki .siTax{--shiki-light:#D73A49;--shiki-dark:#F97583}html pre.shiki code .suQ91, html code.shiki .suQ91{--shiki-light:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sIX_F, html code.shiki .sIX_F{--shiki-light:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sbB4o, html code.shiki .sbB4o{--shiki-light:#22863A;--shiki-dark:#85E89D}",{"title":195,"searchDepth":210,"depth":231,"links":441},[442,443,444,445,446,447,448],{"id":13,"depth":210,"text":14},{"id":29,"depth":210,"text":29},{"id":115,"depth":210,"text":115},{"id":185,"depth":210,"text":185},{"id":350,"depth":210,"text":350},{"id":381,"depth":210,"text":381},{"id":416,"depth":210,"text":416},"博客上线啦！这篇文章介绍本站的技术架构、功能特性和搭建过程中的一些思考。",false,"md","\u002Fposts\u002Fhello-world\u002Fimg\u002Fcover.jpg",{},"\u002Fposts\u002Fhello-world","2026-05-31T08:00:00",{"title":5,"description":449},"posts\u002Fhello-world\u002Findex",[459,460],"博客","Nuxt","jEvVEwWZ3acvWRfFhQcUr8kOuYhMnQ2wbyICRKhZAhw",1780733791991]