[{"data":1,"prerenderedAt":487},["ShallowReactive",2],{"blog-list":3},[4,184,322,429],{"id":5,"title":6,"body":7,"category":169,"date":170,"description":171,"extension":172,"image":173,"meta":174,"navigation":175,"path":176,"seo":177,"stem":178,"tags":179,"__hash__":183},"blog/blog/2.md","前端项目总体概览",{"type":8,"value":9,"toc":162},"minimark",[10,13,17,21,24,43,46,62,69,73,88,91,94,97,100,155,158],[11,12,6],"h1",{"id":6},[14,15,16],"h2",{"id":16},"技术栈",[18,19,20],"p",{},"蓝网AI官网基于 Nuxt 4、Vue 3 Composition API 和 TypeScript 构建，使用 Nitro static/SSG 输出静态站点。样式层采用 Tailwind CSS v4 与 Nuxt UI，内容层使用 Nuxt Content 管理文档、博客和更新日志。",[18,22,23],{},"主要组成包括：",[25,26,27,31,34,37,40],"ul",{},[28,29,30],"li",{},"Nuxt 4 与 Vue 3：负责页面路由、组件组织和服务端预渲染。",[28,32,33],{},"Tailwind CSS v4：负责原子化样式和响应式布局。",[28,35,36],{},"Nuxt UI：提供基础交互组件。",[28,38,39],{},"Nuxt Content：管理 Markdown 内容、文档导航和内容查询。",[28,41,42],{},"Vitest 与类型检查：用于基础回归验证和类型安全。",[14,44,45],{"id":45},"页面与内容",[18,47,48,49,53,54,57,58,61],{},"项目的主要页面位于 ",[50,51,52],"code",{},"pages"," 目录，包括首页、AI Agent、私有部署、解决方案、应用中心、价格、博客、文档和联系页面。公共组件位于 ",[50,55,56],{},"components"," 目录，文档和文章内容集中在 ",[50,59,60],{},"content"," 目录。",[18,63,64,65,68],{},"当前站点使用显式路由列表生成 sitemap，并通过静态预渲染输出到 ",[50,66,67],{},"dist","，便于部署到对象存储、CDN 或静态托管服务。",[14,70,72],{"id":71},"seo-与结构化数据","SEO 与结构化数据",[18,74,75,76,79,80,83,84,87],{},"项目在页面层使用 ",[50,77,78],{},"useSeoMeta"," 和结构化数据工具统一输出标题、描述、Open Graph 信息和 JSON-LD 数据。站点主域名统一为 ",[50,81,82],{},"https://www.nanw.com","，应用入口统一指向 ",[50,85,86],{},"https://cloud.nanw.com/","。",[14,89,90],{"id":90},"设计取向",[18,92,93],{},"蓝网AI官网面向企业用户和技术决策者，页面风格以清晰、可信、信息密度适中为主。组件设计强调可扫描、可比较和可复用，避免过度装饰影响阅读和转化。",[14,95,96],{"id":96},"构建与验证",[18,98,99],{},"常用命令包括：",[101,102,107],"pre",{"className":103,"code":104,"language":105,"meta":106,"style":106},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm run dev\nnpm run typecheck\nnpm run test:sitemap\nnpm run generate\n","bash","",[50,108,109,125,135,145],{"__ignoreMap":106},[110,111,114,118,122],"span",{"class":112,"line":113},"line",1,[110,115,117],{"class":116},"sBMFI","npm",[110,119,121],{"class":120},"sfazB"," run",[110,123,124],{"class":120}," dev\n",[110,126,128,130,132],{"class":112,"line":127},2,[110,129,117],{"class":116},[110,131,121],{"class":120},[110,133,134],{"class":120}," typecheck\n",[110,136,138,140,142],{"class":112,"line":137},3,[110,139,117],{"class":116},[110,141,121],{"class":120},[110,143,144],{"class":120}," test:sitemap\n",[110,146,148,150,152],{"class":112,"line":147},4,[110,149,117],{"class":116},[110,151,121],{"class":120},[110,153,154],{"class":120}," generate\n",[18,156,157],{},"在发布前，应至少执行类型检查、sitemap 检查和静态生成，确保内容路由、页面构建和静态产物都处于可部署状态。",[159,160,161],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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":106,"searchDepth":127,"depth":127,"links":163},[164,165,166,167,168],{"id":16,"depth":127,"text":16},{"id":45,"depth":127,"text":45},{"id":71,"depth":127,"text":72},{"id":90,"depth":127,"text":90},{"id":96,"depth":127,"text":96},"前端","2025-12-31T00:00:00.000Z","蓝网AI 官网前端架构、内容系统和构建方式概览。","md","/images/blog/blog-1.webp",{},true,"/blog/2",{"title":6,"description":171},"blog/2",[180,181,182],"CSS","Tailwind","Design","KMPd_ZDjEyMiTvKEfBGrnCksu3iL7Zaqdo1fw1q102w",{"id":185,"title":186,"body":187,"category":310,"date":311,"description":312,"extension":172,"image":313,"meta":314,"navigation":175,"path":315,"seo":316,"stem":317,"tags":318,"__hash__":321},"blog/blog/4.md","大字报 Pro - Cover Generator",{"type":8,"value":188,"toc":304},[189,192,195,198,215,218,236,238,298,301],[11,190,186],{"id":191},"大字报-pro-cover-generator",[18,193,194],{},"大字报 Pro 是一个面向内容创作者的封面生成工具，聚焦公众号首图、次图、拼接图和社交媒体封面等常见比例。项目使用 React、Vite 和 Tailwind CSS 构建 Web 版本，并通过 Tauri 提供桌面端形态。",[14,196,197],{"id":197},"核心特性",[25,199,200,203,206,209,212],{},[28,201,202],{},"多种封面比例：覆盖公众号首图、方图、拼接图等常见场景。",[28,204,205],{},"中文字体支持：适配复古、现代、书法和标题字等不同视觉风格。",[28,207,208],{},"拖拽式排版：标题、副标题和署名可以独立调整位置、缩放和行高。",[28,210,211],{},"背景与质感：支持纯色、渐变和胶片颗粒效果，便于快速生成统一风格。",[28,213,214],{},"跨平台使用：Web 版本适合快速访问，桌面版本适合本地化使用。",[14,216,217],{"id":217},"使用方式",[219,220,221,224,227,230,233],"ol",{},[28,222,223],{},"输入主标题、副标题和作者信息。",[28,225,226],{},"选择合适的字体、尺寸和版式。",[28,228,229],{},"设置背景颜色、渐变或纹理效果。",[28,231,232],{},"选择导出比例并生成封面。",[28,234,235],{},"下载图片后用于文章、课程、活动或社交平台发布。",[14,237,16],{"id":16},[239,240,241,254],"table",{},[242,243,244],"thead",{},[245,246,247,251],"tr",{},[248,249,250],"th",{},"技术",[248,252,253],{},"用途",[255,256,257,266,274,282,290],"tbody",{},[245,258,259,263],{},[260,261,262],"td",{},"React",[260,264,265],{},"交互界面",[245,267,268,271],{},[260,269,270],{},"Vite",[260,272,273],{},"开发和构建",[245,275,276,279],{},[260,277,278],{},"Tailwind CSS",[260,280,281],{},"样式系统",[245,283,284,287],{},[260,285,286],{},"Canvas",[260,288,289],{},"封面渲染",[245,291,292,295],{},[260,293,294],{},"Tauri",[260,296,297],{},"桌面端打包",[14,299,300],{"id":300},"项目价值",[18,302,303],{},"这类工具适合沉淀为企业或团队的内容生产基础设施。通过统一字体、配色和封面模板，可以降低设计成本，同时保持内容发布的品牌一致性。",{"title":106,"searchDepth":127,"depth":127,"links":305},[306,307,308,309],{"id":197,"depth":127,"text":197},{"id":217,"depth":127,"text":217},{"id":16,"depth":127,"text":16},{"id":300,"depth":127,"text":300},"Open Source","2025-12-18T00:00:00.000Z","Cover generator project overview.","/images/blog/blog-2.webp",{},"/blog/4",{"title":186,"description":312},"blog/4",[262,294,270,319,320],"TailwindCSS","设计工具","xM27oktWZV-8Fl1R8NQHakRnG6Y5LIFDChMOqJMwL6E",{"id":323,"title":324,"body":325,"category":410,"date":411,"description":412,"extension":172,"image":413,"meta":414,"navigation":175,"path":421,"seo":422,"stem":423,"tags":424,"__hash__":428},"blog/blog/1.md","蓝网AI 企业级开源智能体搭建平台",{"type":8,"value":326,"toc":398},[327,331,334,337,340,343,346,357,360,365,368,371,374,377,380,383,386,389,392,395],[11,328,330],{"id":329},"欢迎使用蓝网ai","欢迎使用蓝网AI",[14,332,333],{"id":333},"产品定位",[18,335,336],{},"蓝网AI是一款面向 AI 开发者、AI 创业者和企业组织的开源智能体搭建平台。它围绕智能体、MCP、知识库、工作流、大模型聚合、意图识别、上下文工程、用户注册、会员订阅、算力充值和支付计费等能力，提供从产品搭建到商业闭环的一站式基础设施。",[18,338,339],{},"借助蓝网AI，团队可以在较短时间内完成私有化部署，并通过可视化配置快速搭建具备业务能力的 AI 应用。",[14,341,342],{"id":342},"设计目标",[18,344,345],{},"蓝网AI以开源生态为核心驱动力，长期关注三个方向：",[219,347,348,351,354],{},[28,349,350],{},"帮助开发者快速掌握 AI 应用开发能力，减少从零搭建基础模块的重复工作。",[28,352,353],{},"帮助创业团队更低成本地验证智能体产品，缩短从创意到上线的周期。",[28,355,356],{},"帮助企业组织获得可私有化、可扩展、可二次开发的 AI 生产力平台。",[14,358,359],{"id":359},"典型场景",[361,362,364],"h3",{"id":363},"ai-应用开发","AI 应用开发",[18,366,367],{},"蓝网AI提供模型对话、模型管理、知识库、工作流、MCP、支付和组织权限等基础模块，适合快速搭建企业内部工具、行业助手和面向客户的 AI 应用。",[361,369,370],{"id":370},"企业知识库",[18,372,373],{},"团队可以将文档、问答、业务资料和流程规范接入知识库，构建面向员工或客户的智能问答入口，减少重复咨询和人工检索成本。",[361,375,376],{"id":376},"客户服务与营销",[18,378,379],{},"蓝网AI可以用于构建 7x24 小时在线的智能客服系统，结合用户画像、意图识别和知识检索能力，提升响应效率和服务一致性。",[361,381,382],{"id":382},"私有化部署与源码交付",[18,384,385],{},"对于有数据安全、二次开发或本地化部署需求的组织，蓝网AI支持私有化部署和源码交付，便于接入自有业务系统和内部基础设施。",[14,387,388],{"id":388},"商业化路径",[18,390,391],{},"蓝网AI的商业化方向包括云服务订阅、应用市场、项目服务、商业授权和私有化交付。平台将持续围绕真实业务场景迭代，帮助用户用更低成本获得稳定、可控的 AI 应用能力。",[14,393,394],{"id":394},"写在最后",[18,396,397],{},"AI 应用会逐步成为企业软件的基础能力。蓝网AI希望通过开源、可部署和可扩展的方式，把这些能力交到更多团队手中，让产品创新和业务落地更高效。",{"title":106,"searchDepth":127,"depth":127,"links":399},[400,401,402,408,409],{"id":333,"depth":127,"text":333},{"id":342,"depth":127,"text":342},{"id":359,"depth":127,"text":359,"children":403},[404,405,406,407],{"id":363,"depth":137,"text":364},{"id":370,"depth":137,"text":370},{"id":376,"depth":137,"text":376},{"id":382,"depth":137,"text":382},{"id":388,"depth":127,"text":388},{"id":394,"depth":127,"text":394},"Product","2024-12-17T00:00:00.000Z","蓝网AI 产品介绍与能力概览。","/images/blog/blog.webp",{"authors":415},[416],{"name":417,"username":418,"avatar":419},"蓝网AI 团队","蓝网AI",{"src":420},"/logo.png","/blog/1",{"title":324,"description":412},"blog/1",[425,310,426,427],"AI","AI Agent","Platform","Lh9NGfGnbVI081Jo0S8iNsCKLY0OnCv0JfqBtlib_Pg",{"id":430,"title":324,"body":431,"category":410,"date":411,"description":477,"extension":172,"image":313,"meta":478,"navigation":175,"path":482,"seo":483,"stem":484,"tags":485,"__hash__":486},"blog/blog/3.md",{"type":8,"value":432,"toc":470},[433,437,440,443,446,449,452,455,458,461,464,467],[11,434,436],{"id":435},"蓝网ai产品愿景","蓝网AI产品愿景",[18,438,439],{},"蓝网AI希望成为新一代企业智能体应用基础设施。平台以开源为基础，提供模型接入、知识库、工作流、MCP、应用市场、支付计费和权限管理等能力，让团队可以更快把 AI 能力应用到真实业务中。",[14,441,442],{"id":442},"面向开发者",[18,444,445],{},"开发者可以基于蓝网AI快速搭建智能体应用，复用平台已有的账号、计费、模型、工作流和应用扩展机制，把精力集中在业务逻辑和用户体验上。",[14,447,448],{"id":448},"面向创业团队",[18,450,451],{},"创业团队可以用蓝网AI验证产品方向，减少从零开发基础设施的时间投入。无论是知识库产品、AI 工具站、行业助手还是多智能体工作台，都可以先通过平台能力完成最小可行产品。",[14,453,454],{"id":454},"面向企业组织",[18,456,457],{},"企业组织更关注数据安全、稳定性和可控性。蓝网AI支持私有化部署、源码交付和二次开发，适合接入企业内部系统、国产算力、本地模型和既有权限体系。",[14,459,460],{"id":460},"应用生态",[18,462,463],{},"蓝网AI内置应用市场机制，团队可以围绕图片、视频、数字人、文档、客服、营销、数据分析等场景扩展应用。应用可以被安装、组合和复用，形成持续迭代的企业 AI 工具箱。",[14,465,466],{"id":466},"持续迭代",[18,468,469],{},"平台会继续围绕模型能力、应用编排、知识检索、商业闭环和部署体验迭代。我们更关注稳定、可维护、可交付的产品能力，而不是只停留在演示层面的 AI 功能。",{"title":106,"searchDepth":127,"depth":127,"links":471},[472,473,474,475,476],{"id":442,"depth":127,"text":442},{"id":448,"depth":127,"text":448},{"id":454,"depth":127,"text":454},{"id":460,"depth":127,"text":460},{"id":466,"depth":127,"text":466},"蓝网AI 产品介绍与产品愿景。",{"authors":479},[480],{"name":417,"username":418,"avatar":481},{"src":420},"/blog/3",{"title":324,"description":477},"blog/3",[425,310,426,427],"sXCJhm93sOEj6XAMEO9CYEpSp4IjyDf0mUoJso_6p7M",1783496118856]