https://blog.iflux.art iFlux 产品文档 — 使用指南与开发参考 zh-CN Sun, 07 Jun 2026 18:15:26 GMT https://blog.iflux.art/projects/web/pages https://blog.iflux.art/projects/web/pages Web 应用的页面路由与功能说明 projects https://blog.iflux.art/projects/web/tech https://blog.iflux.art/projects/web/tech Web 应用的技术选型与实现细节 projects https://blog.iflux.art/projects/web/design/features https://blog.iflux.art/projects/web/design/features Design 的核心功能 projects https://blog.iflux.art/projects/web/design/scenes https://blog.iflux.art/projects/web/design/scenes Design 的典型使用场景 projects https://blog.iflux.art/projects/web/music/features https://blog.iflux.art/projects/web/music/features Music 的核心功能 projects https://blog.iflux.art/projects/web/music/scenes https://blog.iflux.art/projects/web/music/scenes Music 的典型使用场景 projects https://blog.iflux.art/projects/web/film/features https://blog.iflux.art/projects/web/film/features Film 的核心功能 projects https://blog.iflux.art/projects/web/film/scenes https://blog.iflux.art/projects/web/film/scenes Film 的典型使用场景 projects https://blog.iflux.art/projects/blog/content https://blog.iflux.art/projects/blog/content 博客文章创作指南与规范 projects https://blog.iflux.art/projects/blog/features https://blog.iflux.art/projects/blog/features 博客系统的核心功能 projects https://blog.iflux.art/projects/docs/features https://blog.iflux.art/projects/docs/features 文档系统的核心功能 projects https://blog.iflux.art/projects/docs/meta-json-guide https://blog.iflux.art/projects/docs/meta-json-guide 详细说明 iflux-art docs 站点中 _meta.json 配置文件的作用、格式、多级嵌套机制，以及标题优先级和侧边栏渲染逻辑。 projects https://blog.iflux.art/projects/docs/mdx-components https://blog.iflux.art/projects/docs/mdx-components 系统梳理 iflux-next 项目中 20+ 自定义 MDX 组件的用法，涵盖 Callout、Steps、Accordion、Badge、Card、Tabs 等组件的 JSX 标签写法。 projects https://blog.iflux.art/projects/docs/sandpack-demo https://blog.iflux.art/projects/docs/sandpack-demo 使用 Sandpack 在文档中嵌入可运行代码 projects https://blog.iflux.art/projects/links/features https://blog.iflux.art/projects/links/features 链接管理的核心功能 projects https://blog.iflux.art/projects/links/api https://blog.iflux.art/projects/links/api Links 接口说明 projects https://blog.iflux.art/projects/links/cross-platform-strategy https://blog.iflux.art/projects/links/cross-platform-strategy links 和 studio 需要支持全平台。通过 core/ 目录分离平台无关逻辑，平台特定代码只包含 UI 和 API 适配。 projects https://blog.iflux.art/projects/obsidian/r2-uploader https://blog.iflux.art/projects/obsidian/r2-uploader 自己开发的 Obsidian 图片管理插件，上传/粘贴图片，自动上传到 Cloudflare R2 储存桶。 projects https://blog.iflux.art/architecture/iflux-next-architecture https://blog.iflux.art/architecture/iflux-next-architecture 基于 Next.js 16 + React 19 + TypeScript 6 的 monorepo 项目，每个产品可独立部署。 architecture https://blog.iflux.art/architecture/nextjs https://blog.iflux.art/architecture/nextjs 基于 React 的全栈框架，App Router + Server Components + PPR architecture https://blog.iflux.art/architecture/react https://blog.iflux.art/architecture/react UI 框架，Server Components 优先 + Client Components 按需 architecture https://blog.iflux.art/architecture/typescript https://blog.iflux.art/architecture/typescript 严格模式，全栈类型安全 architecture https://blog.iflux.art/architecture/tailwindcss https://blog.iflux.art/architecture/tailwindcss Utility-first 样式框架，v4 + CSS 变量主题系统 architecture https://blog.iflux.art/architecture/shadcn https://blog.iflux.art/architecture/shadcn 基于 @base-ui/react 的组件库，按需安装，CSS 变量主题 architecture https://blog.iflux.art/architecture/biome https://blog.iflux.art/architecture/biome 统一的 lint / format 工具，替代 ESLint + Prettier architecture https://blog.iflux.art/architecture/turborepo https://blog.iflux.art/architecture/turborepo Monorepo 构建编排，缓存 + 并行任务 architecture https://blog.iflux.art/architecture/vue https://blog.iflux.art/architecture/vue 部分项目使用的渐进式前端框架，Composition API + TypeScript architecture https://blog.iflux.art/architecture/creating-apps https://blog.iflux.art/architecture/creating-apps 如何在 monorepo 中创建新的子应用 architecture https://blog.iflux.art/architecture/adding-components https://blog.iflux.art/architecture/adding-components 如何向 @iflux/ui 添加新的 shadcn/ui 组件 architecture https://blog.iflux.art/architecture/conventions https://blog.iflux.art/architecture/conventions 代码风格、提交规范和项目约定 architecture https://blog.iflux.art/architecture/frontmatter-guide https://blog.iflux.art/architecture/frontmatter-guide 详细说明 iflux-next 项目中 blog 和 docs 两个站点的 Frontmatter 字段定义、文件组织方式和侧边栏配置，包括 _meta.json 排序机制、折叠分组和 Zod 校验逻辑。 architecture https://blog.iflux.art/architecture/playground https://blog.iflux.art/architecture/playground 在文档中嵌入可交互的代码 Playground architecture https://blog.iflux.art/architecture/api-reference https://blog.iflux.art/architecture/api-reference 自动生成的 OpenAPI 参考文档 architecture https://blog.iflux.art/architecture/twoslash https://blog.iflux.art/architecture/twoslash 在代码块中显示 TypeScript 类型信息 architecture