[{"data":1,"prerenderedAt":517},["ShallowReactive",2],{"post:\u002Fposts\u002Fthreejs":3,"posts:catalog":250},{"id":4,"title":5,"aiSummary":6,"audio":7,"body":8,"categories":232,"cover":7,"description":234,"extension":235,"meta":236,"navigation":6,"path":237,"pin":238,"publish":239,"seo":240,"series":7,"seriesOrder":7,"stem":241,"summary":7,"summarySource":200,"tags":242,"theme":246,"update":7,"wip":247,"wordCount":248,"__hash__":249},"posts\u002Fposts\u002Fthreejs\u002Findex.md","Three.js 专题",true,null,{"type":9,"value":10,"toc":210},"minimark",[11,15,19,23,76,79,84,94,98,107,110,120,123,138,141,147,151,160,163,166,169,179,182,198,202,205,208],[12,13,14],"h2",{"id":14},"简介",[16,17,18],"p",{},"Three.js 是目前 Web 端最主流的 3D 图形库之一，它对 WebGL \u002F WebGPU 等底层图形 API 进行了封装，让开发者可以通过 JS \u002F TS 构建 3D 场景、动画、游戏、数据可视化、产品展示以及各种 Web 交互体验。",[12,20,22],{"id":21},"threejs-官方资源","Three.js 官方资源",[24,25,26,36,44,52,60,68],"ul",{},[27,28,29],"li",{},[30,31,35],"a",{"href":32,"rel":33},"https:\u002F\u002Fthreejs.org\u002F",[34],"nofollow","Three.js 官网",[27,37,38,43],{},[30,39,42],{"href":40,"rel":41},"https:\u002F\u002Fthreejs.org\u002Fexamples\u002F",[34],"Three.js Examples",": Three.js 官方示例。",[27,45,46,51],{},[30,47,50],{"href":48,"rel":49},"https:\u002F\u002Fthreejs.org\u002Fdocs\u002Findex.html#manual\u002Fen\u002Fintroduction\u002FCreating-a-scene",[34],"Three.js Docs",": Three.js API 文档。",[27,53,54,59],{},[30,55,58],{"href":56,"rel":57},"https:\u002F\u002Fthreejs.org\u002Fmanual\u002F",[34],"Three.js Manual",": 官方教程，适合系统理解 Three.js。",[27,61,62,67],{},[30,63,66],{"href":64,"rel":65},"https:\u002F\u002Fthreejs.org\u002Feditor\u002F",[34],"Three.js Editor",": 官方在线场景编辑器。",[27,69,70,75],{},[30,71,74],{"href":72,"rel":73},"https:\u002F\u002Fgithub.com\u002Fmrdoob\u002Fthree.js",[34],"Three.js GitHub",": Three.js 仓库。",[12,77,78],{"id":78},"基础使用",[80,81,83],"h3",{"id":82},"在-vue3-中使用-threejs","在 Vue3 中使用 Three.js",[24,85,86],{},[27,87,88,93],{},[30,89,92],{"href":90,"rel":91},"https:\u002F\u002Ftresjs.org\u002F",[34],"TresJS",": Vue3 + Three.js 封装库，提供了 Vue3 组件化的方式使用 Three.js。",[80,95,97],{"id":96},"在-react-中使用-threejs","在 React 中使用 Three.js",[24,99,100],{},[27,101,102],{},[30,103,106],{"href":104,"rel":105},"https:\u002F\u002Fdocs.pmnd.rs\u002Freact-three-fiber\u002Fgetting-started\u002Fintroduction",[34],"React Three Fiber",[80,108,109],{"id":109},"动画",[24,111,112],{},[27,113,114,119],{},[30,115,118],{"href":116,"rel":117},"https:\u002F\u002Fgreensock.com\u002Fgsap\u002F",[34],"GSAP",": GSAP 是一个高性能的动画库，支持 JavaScript 和 TypeScript，可以与 Three.js 配合使用，实现复杂的动画效果。",[80,121,122],{"id":122},"建模",[24,124,125],{},[27,126,127,132,133,137],{},[30,128,131],{"href":129,"rel":130},"https:\u002F\u002Fwww.blender.org\u002F",[34],"Blender",": 免费开源的 3D 建模软件，支持建模、动画、渲染、视频剪辑等功能，专题可见 ",[30,134,136],{"href":135},"\u002Fposts\u002Fblender","Blender 专题","。",[12,139,140],{"id":140},"其他资源",[142,143,144],"blockquote",{},[16,145,146],{},"我用到的 Three.js 资源整理，持续更新。",[12,148,150],{"id":149},"threejs-journey学习之旅","Three.js Journey（学习之旅）",[24,152,153],{},[27,154,155],{},[30,156,159],{"href":157,"rel":158},"https:\u002F\u002Fthreejs-journey.com\u002F",[34],"Three.js Journey",[16,161,162],{},"非常系统的 Three.js 教程之一，也是目前我学习 Three.js 的主要资源。",[16,164,165],{},"从基础的几何体、材质、光照、动画、粒子系统，到后处理、物理、着色器、性能优化，再到 React Three Fiber 实战，涵盖了 Three.js 的方方面面，适合从入门一直学习到高级 WebGL \u002F Three.js 开发。",[80,167,168],{"id":168},"书籍",[24,170,171],{},[27,172,173,178],{},[30,174,177],{"href":175,"rel":176},"https:\u002F\u002Fthebookofshaders.com\u002F",[34],"The Book of Shaders",": 进阶技术，每章都会有可运行的例子。",[80,180,181],{"id":181},"素材",[24,183,184],{},[27,185,186,191,192,197],{},[30,187,190],{"href":188,"rel":189},"https:\u002F\u002Fkenney.nl\u002Fassets",[34],"Kenney 免费游戏素材",": 免费游戏素材，我更感兴趣的是他的",[30,193,196],{"href":194,"rel":195},"https:\u002F\u002Fkenney.nl\u002Ftools\u002Fasset-forge",[34],"编辑器","（付费）。",[80,199,201],{"id":200},"ai","AI",[16,203,204],{},"WIP",[12,206,207],{"id":207},"问题",[16,209,204],{},{"title":211,"searchDepth":212,"depth":213,"links":214},"",12,5,[215,217,218,225,226,231],{"id":14,"depth":216,"text":14},2,{"id":21,"depth":216,"text":22},{"id":78,"depth":216,"text":78,"children":219},[220,222,223,224],{"id":82,"depth":221,"text":83},3,{"id":96,"depth":221,"text":97},{"id":109,"depth":221,"text":109},{"id":122,"depth":221,"text":122},{"id":140,"depth":216,"text":140},{"id":149,"depth":216,"text":150,"children":227},[228,229,230],{"id":168,"depth":221,"text":168},{"id":181,"depth":221,"text":181},{"id":200,"depth":221,"text":201},{"id":207,"depth":216,"text":207},[233],"Three.js","本文介绍Three.js作为Web端主流3D图形库，封装WebGL\u002FWebGPU，用于构建3D场景、动画、游戏和数据可视化等。文章汇总官方资源，包括官网、示例、文档、教程、在线编辑器和GitHub仓库。基础使用方面，说明在Vue3中通过TresJS、React中通过React Three Fiber进行组件化开发，并提及GSAP动画库和Blender建模软件。其他资源推荐Three.js Journey系统教程、The Book of Shaders书籍和Kenney免费游戏素材，AI与问题部分尚在完善中。","md",{},"\u002Fposts\u002Fthreejs",0,"2026-06-18",{"title":5,"description":234},"posts\u002Fthreejs\u002Findex",[233,243,244,245],"WebGL","WebGPU","Shader","#a369ff",false,418,"YAQ3XdQiGFesL77qdV_jGm7qSvYkAmwgUOxiFqwQ_AE",[251,267,280,288,301,316,329,341,351,358,361,372,384,395,408,419,428,441,453,465,478,488,498,507],{"path":252,"stem":253,"title":254,"description":255,"wordCount":256,"publish":257,"update":257,"cover":258,"tags":259,"categories":265,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fwsl3","posts\u002F2026\u002Fwsl3","WSL 3 正式发布~","微软发布 WSL 3.0.1，正式提供稳定的 WSL 容器功能，无需 Docker 即可原生创建和运行 Linux 容器。该版本改进包括跨操作系统文件访问性能最高提升至原来的两倍（采用 virtiofs），以及网络模式 Consomme 优化端口映射和 VPN 兼容性。文章介绍了 WSL 安装、从 WSL 2 升级的方法，并示例使用 wslc 运行 Ubuntu、Nginx 容器及构建自定义镜像。",1038,"2026-10-01","\u002Fimages\u002F2026\u002Fwsl3\u002Fwsl3.png",[260,261,262,263,264],"WSL","Linux","Windows","Docker","容器",[266],"工具",{"path":268,"stem":269,"title":270,"description":271,"wordCount":272,"publish":273,"update":7,"cover":274,"tags":275,"categories":279,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fcodex-prompt","posts\u002F2026\u002Fcodex-prompt","Codex 的 GPT-6 Sol 提示词泄露了？","文章围绕网传Codex GPT-6 Sol提示词泄露展开，选取部分内容解读。提示词要求像同事一样交流、降低认知负担，用具体描述并说明改动、原因、测试与风险；明确禁止使用AI套话；通过高质量和低质量示例约束输出。摘要表还涵盖沟通、执行、权限、长期任务、工具与界面、质量与证据等核心要求。",1073,"2026-09-25","\u002Fimages\u002F2026\u002Fcodex-prompt\u002Fcodex-prompt.png",[201,276,277,278],"Codex","提示词","Agent",[201],{"path":281,"stem":282,"title":283,"description":284,"wordCount":285,"publish":273,"update":7,"cover":7,"tags":286,"categories":287,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fcodex-prompt-translation","posts\u002F2026\u002Fcodex-prompt-translation","Codex GPT-6 Sol 提示词完整中文译文","第三方仓库收录的 Codex GPT-6 Sol 提示词中文译文，按原顺序保留全部 54 个模板。",34261,[201,276,277,278],[201],{"path":289,"stem":290,"title":291,"description":292,"wordCount":293,"publish":294,"update":295,"cover":296,"tags":297,"categories":300,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fjev","posts\u002F2026\u002Fjev","JEV 是好模型吗？","本文评析JEV模型，认为其并非通用大模型，而是专做预定义判断的System One模型，通过选择、评分、是非题返回结构化结果，不生成文本。其快与便宜源于非自回归并行输出，但“零幻觉”仅指输出结构合规，判断仍可能出错。该思路适用于答案范围明确、需频繁调用的场景，也可用普通大模型近似实现，核心在于把任务收窄为单一判断。",2429,"2026-09-21","2026-09-23","\u002Fimages\u002F2026\u002Fjev\u002Fjev.webp",[201,298,299],"JEV","LLM",[201],{"path":302,"stem":303,"title":304,"description":305,"wordCount":306,"publish":307,"update":308,"cover":7,"tags":309,"categories":314,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002Fblog\u002Foverview","posts\u002F2.blog\u002F01.overview","新版博客已上线！","新版博客“mukuchi”上线，具备文章写作、标签分类、全文搜索、阅读目录、代码复制、图片缩放、深浅主题切换及移动端适配等功能。内容以Markdown和MDC编写，后台支持草稿、上传、预览与发布，并可生成AI摘要、朗读和双人播客。技术栈采用Nuxt、Vue、UnoCSS、Nuxt Content及Cloudflare服务，文章存于GitHub仓库。后续计划增加工具、重做账号系统并改为站内评论。",1059,"2026-09-14","2026-09-22",[310,311,312,313],"博客","Nuxt","Vue","Cloudflare",[315],"建站记录",{"path":317,"stem":318,"title":319,"description":320,"wordCount":321,"publish":322,"update":7,"cover":7,"tags":323,"categories":327,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fgame-dlss5","posts\u002F2026\u002Fgame-dlss5","哦，我的上帝！这是真实的！ —— DLSS 5 渲染实测","文章以《崩坏3rd》和《崩坏：星穹铁道》为例，展示DLSS 5渲染在多个场景下开启与关闭的画面对比。教程说明通过XXMI-Launcher注入ReShade的d3d12.dll，启动游戏后按Home键配置RenoDX DLSS参数，并提示下线前需手动关闭。文末附相关工具与网盘资源下载方式。",390,"2026-09-08",[324,325,326],"DLSS5","mod","xxmi",[328],"游戏",{"path":330,"stem":331,"title":332,"description":333,"wordCount":334,"publish":335,"update":336,"cover":7,"tags":337,"categories":340,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fmilanote-api","posts\u002F2026\u002Fmilanote-api","Milanote API","本文介绍了作者开发的 Milanote API 项目，用于在外部使用 Milanote 分享 Board 的内容。项目已完成根据分享链接获取完整 API 数据、解析卡片内容与布局、构建 Playground 在线可视化示例、部署至 Cloudflare Workers 并提供字段筛选功能；待实现免密钥在线解析。文章还说明了获取 Milanote 只读分享链接的步骤，并展示了 Playground 界面效果。",234,"2026-07-22","2026-07-23",[338,339],"Milanote","API",[266],{"path":342,"stem":343,"title":344,"description":345,"wordCount":346,"publish":347,"update":7,"cover":348,"tags":349,"categories":350,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2026\u002Fduolingo","posts\u002F2026\u002Fduolingo","今天你 Duolingo 了吗？","本文介绍使用 Cloudflare Workers 构建 Duolingo 用户信息接口，解决跨域与缓存问题。接口支持按环境变量查询固定用户，返回昵称、头像、经验及连续学习天数，并提供搜索和其他用户详情接口。通过 KV 缓存和定时任务减少上游请求，支持带鉴权的手动刷新，并包含超时和错误处理。",1581,"2026-07-14","\u002Fimages\u002F2026\u002Fduolingo\u002Fduolingo.png",[339,313],[266],{"path":135,"stem":352,"title":136,"description":353,"wordCount":354,"publish":239,"update":7,"cover":7,"tags":355,"categories":357,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"posts\u002Fblender\u002Findex","本文介绍Blender这一免费开源3D建模软件，涵盖建模、动画、渲染、视频剪辑等功能，适合从入门到高级开发。文档提供官网地址；教程部分包含动画大师课VV purple、角色建模课Zimon3D，并附B站链接；素材推荐BlenderKit官方素材库、Sketchfab及模之屋等免费资源平台。",158,[131,356,122,109],"3D",[131],{"path":237,"stem":241,"title":5,"description":234,"wordCount":248,"publish":239,"update":7,"cover":7,"tags":359,"categories":360,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},[233,243,244,245],[233],{"path":362,"stem":363,"title":364,"description":365,"wordCount":366,"publish":367,"update":367,"cover":368,"tags":369,"categories":371,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2025\u002Fmagic-js","posts\u002F2025\u002Fmagic-js","你能看懂这些 JavaScript 表达式吗？","本文解析了JavaScript中多个怪异表达式结果的原因，指出其源于IEEE 754浮点数表示、隐式类型转换及同一符号在不同语法环境中的歧义。例如NaN为number、大整数舍入、0.1+0.2不等于0.3、空数组与对象相加、布尔值运算及宽松相等等行为，均可据此解释。建议工程中使用严格相等和明确转换以避免陷阱。",2035,"2025-07-31","\u002Fimages\u002F2025\u002Fmagic-js\u002Fmagic-js.png",[370],"JavaScript",[370],{"path":373,"stem":374,"title":375,"description":376,"wordCount":377,"publish":378,"update":379,"cover":380,"tags":381,"categories":383,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2021\u002Fgit","posts\u002F2021\u002Fgit","Git 笔记","本文介绍Git的安装与基础配置，涵盖用户名邮箱设置及配置作用域优先级；解释工作区、暂存区和本地仓库的工作流；列举git add、commit、branch、switch、log、diff、stash、rm、mv等常用命令；说明查看日志、比较差异、对象关系、搁置改动、忽略文件等操作；并回答删除分支、修改提交信息、合并提交、取消暂存、丢弃改动和删除文件等常见问题。",878,"2021-09-07","2026-05-17","https:\u002F\u002Fgit-scm.com\u002Fimages\u002Flogo@2x.png",[382],"Git",[266],{"path":385,"stem":386,"title":387,"description":388,"wordCount":389,"publish":390,"update":7,"cover":391,"tags":392,"categories":394,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2021\u002Fhexo-editor","posts\u002F2021\u002Fhexo-editor","HexoEditor(适用于Hexo的专用编辑器)","本文介绍了专为Hexo优化的Markdown编辑器HexoEditor。该编辑器预览效果与Hexo生成页面高度相似，支持快速执行Hexo命令。软件开源，可从GitHub获取安装程序及中英文手册。配置包括通用、编辑、Hexo路径设置、渲染主题（支持GitHub和Next）以及图片云存储（如SM.MS、腾讯云等）。还提供右键快捷操作Hexo命令。",587,"2021-03-22","\u002Fimages\u002F2021\u002Fhexo-editor\u002Fhexo-editor.jpg",[266,393],"Hexo",[266],{"path":396,"stem":397,"title":398,"description":399,"wordCount":400,"publish":390,"update":7,"cover":401,"tags":402,"categories":406,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2021\u002Ftomcat-servlet","posts\u002F2021\u002Ftomcat-servlet","Tomcat和Servlet应用配置及部分问题","本文介绍Tomcat与Servlet的配置及常见问题。Tomcat部分涵盖安装、环境变量、启动关闭、乱码与端口占用处理、项目部署及IDEA集成。Servlet部分说明实现方式、生命周期、请求与响应对象、乱码处理、请求转发与重定向，以及Cookie、Session、ServletContext等对象和三大域对象的作用范围。",4196,"\u002Fimages\u002F2021\u002Ftomcat-servlet\u002Ftomcat-servlet.jpg",[403,404,405],"JavaWEb","Tomcat","Servlet",[407],"笔记",{"path":409,"stem":410,"title":411,"description":412,"wordCount":413,"publish":414,"update":7,"cover":415,"tags":416,"categories":418,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2021\u002Fgithub-actions","posts\u002F2021\u002Fgithub-actions","使用Github Action实现全自动部署","本文介绍使用GitHub Action实现Hexo博客全自动部署的流程。需先获取GitHub与Coding的个人访问令牌，创建存放源码的私有仓库，并在站点配置中设置部署仓库地址和令牌。接着在.github\u002Fworkflows目录创建自动部署工作流文件，配置检出、安装Node与Hexo、缓存依赖、生成静态文件和部署步骤。随后更新远程仓库分支，添加.gitignore屏蔽项并推送源码，最后通过Actions查看部署状态。",910,"2021-01-26","\u002Fimages\u002F2021\u002Fgithub-actions\u002Fgithub-actions.jpg",[417],"博客优化",[417],{"path":420,"stem":421,"title":422,"description":423,"wordCount":424,"publish":414,"update":7,"cover":425,"tags":426,"categories":427,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2021\u002Fhexo-auto-open-editor","posts\u002F2021\u002Fhexo-auto-open-editor","Hexo添加文章时自动打开编辑器","本文介绍Hexo新建文章后自动打开编辑器的方法。通过监听Hexo的new事件并在scripts目录下添加脚本，利用child_process.exec执行系统命令，Windows使用start、macOS使用open -a启动指定编辑器并打开新文章路径。用户需替换脚本中的编辑器绝对地址，保存后执行hexo new即可自动打开对应文件。",269,"\u002Fimages\u002F2021\u002Fhexo-auto-open-editor\u002Fhexo-auto-open-editor.webp",[417],[417],{"path":429,"stem":430,"title":431,"description":432,"wordCount":433,"publish":434,"update":7,"cover":435,"tags":436,"categories":440,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2021\u002Fhttp-canary-ca","posts\u002F2021\u002Fhttp-canary-ca","解决部分安卓11HttpCanary无法安装证书及其他诸多问题","本文分享安卓11下HttpCanary证书安装失败等问题的解决方法，需root或虚拟机。MIUI系统点击安装根证书无反应时，将指定缓存路径的HttpCanary.pem复制为HttpCanary.jks并重启应用，再以root权限安装到系统；无效则先导出带.0证书再安装。抓https失败或提示证书不可信，可安装Xposed框架和JustTrustMe插件关闭SSL认证。资源可从酷安或应用商店获取，免费版与付费版主要区别为插件支持。",506,"2021-01-16","\u002Fimages\u002F2021\u002Fhttp-canary-ca\u002Fhttp-canary-ca.png",[437,438,439,207],"Android","HttpCanary","抓包",[439],{"path":442,"stem":443,"title":444,"description":445,"wordCount":446,"publish":447,"update":7,"cover":448,"tags":449,"categories":452,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2020\u002Fmysql-basics","posts\u002F2020\u002Fmysql-basics","MySQL 基础","本文介绍MySQL关系型数据库管理系统基础知识，包括数据库、数据库管理系统、数据库系统和数据库应用系统的概念，及其数据结构化、共享性高、冗余度低、独立性强和统一管理等特点；简述数据库的创建、查看、打开、修改和删除操作，以及数据表的创建、修改、删除和表数据的添加、更新、删除方法，并提及图形化管理工具。",1825,"2020-06-05","\u002Fimages\u002F2020\u002Fmysql-basics\u002Fmysql-basics.png",[450,451],"mysql","数据库",[407],{"path":454,"stem":455,"title":456,"description":457,"wordCount":458,"publish":459,"update":7,"cover":460,"tags":461,"categories":464,"series":7,"seriesOrder":7,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002F2020\u002Fpython-tkinter","posts\u002F2020\u002Fpython-tkinter","Python图形用户界面(Tkinter)","本文简介Python常用GUI库，重点说明Tkinter的标准控件、共同属性及pack、grid、place三种几何布局管理器。使用Tkinter需导入模块、创建控件、添加交互并编写函数、进入主事件循环。文中以简单登录界面为例，演示标签、输入框、按钮的放置，以及为按钮设置回调函数进行输入校验和登录提示。",965,"2020-05-25","\u002Fimages\u002F2020\u002Fpython-tkinter\u002Fpython-tkinter.jpg",[462,463],"Python","GUI",[407],{"path":466,"stem":467,"title":468,"description":469,"wordCount":470,"publish":471,"update":472,"cover":7,"tags":473,"categories":476,"series":477,"seriesOrder":213,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002Fmarkdown\u002Fcollapse","posts\u002F1.markdown\u002F05.collapse","在正文中使用折叠内容","本文说明正文中折叠内容的使用方法：折叠块适合放置补充说明、较长代码或可选阅读内容，标题始终可见，点击整行展开，各折叠块独立记录状态。支持默认收起，也可通过 open 属性设置初始展开。折叠内部可包含 Markdown、列表、代码、表格、图片等，目录或锚点访问内部标题会先展开所属折叠块。还支持嵌套折叠，外层使用三个冒号、内层使用两个冒号，内外层独立控制；访问嵌套目标可一次展开沿途两层。",428,"1970-01-01","2026-09-26",[474,475],"Markdown","MDC",[477],"文章示例",{"path":479,"stem":480,"title":481,"description":482,"wordCount":483,"publish":471,"update":295,"cover":7,"tags":484,"categories":486,"series":477,"seriesOrder":487,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002Fmarkdown\u002Fvideo","posts\u002F1.markdown\u002F04.video","在文章中嵌入视频","本文介绍在文章与关于页中嵌入Bilibili和YouTube视频的MDC组件用法，无需API密钥或手写iframe。播放器按16:9自适应宽度，接近可视区域时加载，默认不自动播放。Bilibili可通过BV号或视频链接指定分P与开始时间，YouTube可通过11位视频ID或链接指定开始时间，标题由title参数设置。组件会过滤分享追踪参数与自动播放设置，无效参数仅显示提示，不影响正文。",597,[474,475,485],"视频",[477],4,{"path":489,"stem":490,"title":491,"description":492,"wordCount":493,"publish":471,"update":494,"cover":7,"tags":495,"categories":497,"series":477,"seriesOrder":221,"pin":238,"wip":6,"theme":246},"\u002Fposts\u002Fmarkdown\u002Fmarkdown-extended","posts\u002F1.markdown\u002F03.markdown-extended","Markdown 扩展功能","本文介绍Markdown扩展功能。已实现多风格提醒框，支持GitHub、Obsidian、VitePress、Docusaurus四种主题及折叠嵌套，可通过参数或全站配置设置；同时提供GitHub仓库卡片、Bilibili\u002FYouTube视频卡片与正文图片预览。图片画廊与作品集仍在计划中，当前采用标准图片语法配合图注和链接。GitHub仓库卡片在构建时获取公开仓库数据快照，不可用字段显示短横线。后续将实现图片画廊与作品集。",1822,"2026-09-27",[474,475,496],"功能规划",[477],{"path":499,"stem":500,"title":501,"description":502,"wordCount":503,"publish":471,"update":494,"cover":7,"tags":504,"categories":506,"series":477,"seriesOrder":216,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002Fmarkdown\u002Fmdc-tutorial","posts\u002F1.markdown\u002F02.mdc-tutorial","MDC 教程","本文介绍 MDC（Markdown Components）在 Nuxt Content 中的语法与用法，涵盖块级容器、行内属性、Props 传递、插槽、嵌套、绑定文章数据，以及代码块与代码组、图片预览、GitHub 仓库卡片、视频卡片、提醒框和文章自动提醒等已接入功能。文末说明自定义组件需实现并注册，并解答组件不显示、插槽误识别等常见问题。",2594,[475,505,312],"Nuxt Content",[477],{"path":508,"stem":509,"title":510,"description":511,"wordCount":512,"publish":471,"update":307,"cover":7,"tags":513,"categories":515,"series":477,"seriesOrder":516,"pin":238,"wip":247,"theme":246},"\u002Fposts\u002Fmarkdown\u002Fmarkdown","posts\u002F1.markdown\u002F01.markdown","Markdown 教程","本文为 Markdown 教程，系统介绍常用语法：段落与换行、标题与目录生成、引用、无序\u002F有序\u002F任务列表、强调与行内代码、普通\u002F引用式\u002F自动链接、图片、代码块、表格、分隔线与转义，并说明本站 Nuxt Content 环境下文章文件位置、frontmatter 要求及后续扩展内容。",1449,[474,514],"写作",[477],1,1791108779939]