一个记录思考、阅读与创作的个人博客。在碎片化的世界里，留一处安静的写作空间。https://blog.xingyeji.com/https://blog.xingyeji.com/post/notes/strapi-production-deployment-guide-git-conflict-data-migration-optimization/https://blog.xingyeji.com/post/notes/strapi-production-deployment-guide-git-conflict-data-migration-optimization/记录 Strapi 项目在服务器部署过程中遇到的常见问题及解决方案，包括 Git 拉取冲突、数据导入导出失败、构建性能优化等实战经验。Mon, 15 Jun 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/strapi-production-deployment-guide-security-permissions-pm2-nginx/https://blog.xingyeji.com/post/notes/strapi-production-deployment-guide-security-permissions-pm2-nginx/从零开始构建安全的 Strapi 生产环境。涵盖用户隔离、Node.js 内存优化、node_modules 权限精准修复、PM2 进程守护及 Nginx 反向代理配置，助你打造企业级无头 CMS 服务。Mon, 15 Jun 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/linux-swap-tuning-practice/https://blog.xingyeji.com/post/notes/linux-swap-tuning-practice/本文详细记录了一次真实的Linux服务器Swap扩容操作，从创建Swap文件到配置优先级，再到持久化设置的完整流程，帮助运维人员掌握多Swap设备的高效管理方法。Fri, 12 Jun 2026 16:00:00 GMThttps://blog.xingyeji.com/post/notes/cloudflare-workers-astro-streaming-bug/https://blog.xingyeji.com/post/notes/cloudflare-workers-astro-streaming-bug/记录一次 Astro 6 + @astrojs/cloudflare 部署中，因 workerd 运行时不兼容流式渲染导致页面返回 [object Object] 的完整排查过程与修复方案。Sat, 06 Jun 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/strapi-shu-ju-qian-yi-yu-hui-fu-zhi-nan-2026-ban-cong-ben-di-dao-sheng-chan-huan-jing/https://blog.xingyeji.com/post/notes/strapi-shu-ju-qian-yi-yu-hui-fu-zhi-nan-2026-ban-cong-ben-di-dao-sheng-chan-huan-jing/详细记录 Strapi 项目从本地开发环境迁移到服务器的完整流程。涵盖版本同步、数据导出、SCP 上传、数据库导入及权限修复，助你零数据丢失上线。Fri, 05 Jun 2026 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-grid-flexbox-spacing-issue/https://blog.xingyeji.com/post/css/css-grid-flexbox-spacing-issue/分析 Flexbox 在处理多行流式布局时，最后一行元素无法保持均匀间距的技术痛点，并提供基于 CSS Grid auto-fill 和 minmax 特性的标准解决方案。Wed, 03 Jun 2026 00:00:00 GMThttps://blog.xingyeji.com/post/xin-de-zai-cloudflare-pages-shang-yong-astro-chong-xin-chu-fa/https://blog.xingyeji.com/post/xin-de-zai-cloudflare-pages-shang-yong-astro-chong-xin-chu-fa/这是我用 Astro + Cloudflare Pages 搭建的第一个博客项目，也是我在互联网上重新开张的第一篇文章。Mon, 01 Jun 2026 00:00:00 GMThttps://blog.xingyeji.com/post/thinking-tree-coding/https://blog.xingyeji.com/post/thinking-tree-coding/编程学习的本质从来不是「存储知识」的游戏，而是「用知识生长思维」的过程——从被动输入到主动建构，从孤立知识点到网状思维。Fri, 15 May 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/cloudflare-r2-random-image-service/https://blog.xingyeji.com/post/notes/cloudflare-r2-random-image-service/使用 Cloudflare R2 对象存储和 Workers 搭建免费的随机图片 API 服务，适合新手入门。Wed, 29 Apr 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/mobile-viewport-visual-vs-layout/https://blog.xingyeji.com/post/notes/mobile-viewport-visual-vs-layout/移动端视口分为视觉视口和逻辑视口，理解两者区别是响应式设计的基础。本文详细讲解视口概念和meta标签用法。Mon, 13 Apr 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/off-by-one-error-programming-boundary/https://blog.xingyeji.com/post/notes/off-by-one-error-programming-boundary/差一错误（Off-by-one error）是编程中最常见的边界bug，本文讲解其成因、案例和预防方法。Fri, 27 Mar 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/strapi-baota-deploy-tutorial/https://blog.xingyeji.com/post/notes/strapi-baota-deploy-tutorial/采用最佳实践：使用专用用户运行、配置独立的 npm 环境以避免权限问题，并用 PM2 进行进程守护，附域名反向代理与 SSL 配置。Wed, 11 Mar 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/responsive-images-frontend-performance/https://blog.xingyeji.com/post/notes/responsive-images-frontend-performance/响应式图片是前端性能优化的重要环节，本文讲解srcset、sizes属性和picture标签的用法。Mon, 23 Feb 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/responsive-container-width-best-practices/https://blog.xingyeji.com/post/notes/responsive-container-width-best-practices/响应式容器不应该用固定宽度，本文分享3次踩坑经验，讲解max-width、vw单位和流体容器的最佳实践。Fri, 06 Feb 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/javascript-strict-equality-triple-equals/https://blog.xingyeji.com/post/notes/javascript-strict-equality-triple-equals/JavaScript中==和===有本质区别，==会进行类型转换而===不会。本文讲解为什么推荐使用严格等于。Wed, 21 Jan 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/vscode-cursor-replace-mode-insert-key-fix/https://blog.xingyeji.com/post/notes/vscode-cursor-replace-mode-insert-key-fix/VSCode输入时字符被替换而不是插入？这是不小心按到了Insert键激活了替换模式，本文教你快速解决。Sun, 04 Jan 2026 00:00:00 GMThttps://blog.xingyeji.com/post/notes/strapi-production-deploy-pm2/https://blog.xingyeji.com/post/notes/strapi-production-deploy-pm2/以非 Root 用户身份运行 Strapi，使用 PM2 进行进程守护和开机自启，并附常用维护命令速查表。Fri, 19 Dec 2025 00:00:00 GMThttps://blog.xingyeji.com/post/notes/javascript-includes-array-search/https://blog.xingyeji.com/post/notes/javascript-includes-array-search/JavaScript的includes()方法可以快速检查数组是否包含某元素，本文讲解其用法、返回值和替代方案。Wed, 03 Dec 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-splice-array-method/https://blog.xingyeji.com/post/javascript/javascript-splice-array-method/JavaScript的splice()方法可以直接修改数组，实现删除、添加、替换元素，本文通过实例讲解其用法和注意事项。Sun, 16 Nov 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-indexof-array-search/https://blog.xingyeji.com/post/javascript/javascript-indexof-array-search/JavaScript的indexOf()方法可以查找元素在数组或字符串中的位置，本文讲解其用法和返回值。Fri, 31 Oct 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-foreach-array-iteration-beginner/https://blog.xingyeji.com/post/javascript/javascript-foreach-array-iteration-beginner/forEach()是JavaScript数组遍历的基础方法，本文用通俗易懂的方式讲解其语法、用法和注意事项。Wed, 15 Oct 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-if-not-b-truthy-falsy-logic/https://blog.xingyeji.com/post/javascript/javascript-if-not-b-truthy-falsy-logic/JavaScript中if (!b)是常见的条件判断写法，本文讲解逻辑非运算符!和真假值的判断逻辑。Sun, 28 Sep 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-if-else-statement-real-life-analogy/https://blog.xingyeji.com/post/javascript/javascript-if-else-statement-real-life-analogy/if-else是编程中最基础的条件语句，本文用生活化的比喻讲解JavaScript if-else的语法和用法。Fri, 12 Sep 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-change-font-size-button-click/https://blog.xingyeji.com/post/javascript/javascript-change-font-size-button-click/用JavaScript动态修改网页字体大小其实很简单，本文讲解通过按钮点击改变font-size的方法。Tue, 26 Aug 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-increment-decrement-operators-deep-dive/https://blog.xingyeji.com/post/javascript/javascript-increment-decrement-operators-deep-dive/JavaScript自增运算符++看似简单，但前置和后置有微妙区别。本文深入讲解其执行机制和常见陷阱。Sun, 10 Aug 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-pop-array-method/https://blog.xingyeji.com/post/javascript/javascript-pop-array-method/JavaScript的pop()方法可以删除并返回数组最后一个元素，本文讲解其用法、返回值和注意事项。Fri, 25 Jul 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-array-concatenation-methods/https://blog.xingyeji.com/post/javascript/javascript-array-concatenation-methods/JavaScript数组拼接有多种方法：concat、spread运算符、push.apply等，本文对比它们的用法和性能。Tue, 08 Jul 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-function-return-value-explained/https://blog.xingyeji.com/post/javascript/javascript-function-return-value-explained/JavaScript函数返回值是函数输出的核心概念，本文用通俗的比喻讲解return语句的作用和用法。Sun, 22 Jun 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-repeat-method-guide/https://blog.xingyeji.com/post/javascript/javascript-repeat-method-guide/JavaScript的repeat()方法可以重复字符串，本文讲解其用法、边界情况和实用场景。Fri, 06 Jun 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-while-loop-beginner/https://blog.xingyeji.com/post/javascript/javascript-while-loop-beginner/while循环是JavaScript基础循环结构，本文用通俗易懂的例子讲解while和do-while的用法。Tue, 20 May 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-increment-operator-practice/https://blog.xingyeji.com/post/javascript/javascript-increment-operator-practice/JavaScript自增运算符++有前置和后置两种，本文通过练习题讲解两者的区别和执行顺序。Sun, 04 May 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/flexible-js-mobile-responsive-adaptation/https://blog.xingyeji.com/post/javascript/flexible-js-mobile-responsive-adaptation/Flexible.js是早期移动端适配方案，通过动态设置rem实现响应式。本文回顾其原理和使用方法。Thu, 17 Apr 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-push-array-method/https://blog.xingyeji.com/post/javascript/javascript-push-array-method/JavaScript的push()方法可以向数组末尾添加元素，本文讲解其工作原理、返回值和常见用法。Tue, 01 Apr 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-exponentiation-operator/https://blog.xingyeji.com/post/javascript/javascript-exponentiation-operator/JavaScript的**取幂运算符让数学计算更简洁，本文讲解**、**=的用法和数学运算技巧。Sun, 16 Mar 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-bitwise-shift-assignment-operators/https://blog.xingyeji.com/post/javascript/javascript-bitwise-shift-assignment-operators/JavaScript移位赋值运算符（<<=、>>=）是位运算的快捷方式，本文讲解其原理和使用场景。Thu, 27 Feb 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-punctuation-guide-semicolons-quotes/https://blog.xingyeji.com/post/javascript/javascript-punctuation-guide-semicolons-quotes/JavaScript中的分号、引号、逗号等标点符号有严格规则，本文总结常见坑点和最佳实践。Tue, 11 Feb 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-data-type-conversion/https://blog.xingyeji.com/post/javascript/javascript-data-type-conversion/JavaScript类型转换经常产生意外结果，本文讲解隐式转换、显式转换的规则，帮你避免常见陷阱。Sun, 26 Jan 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-loops-for-of-in-advanced/https://blog.xingyeji.com/post/javascript/javascript-loops-for-of-in-advanced/JavaScript有多种循环方式，本文对比for、for...of、for...in、while等循环的用法和适用场景。Thu, 09 Jan 2025 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-function-reference-vs-invocation/https://blog.xingyeji.com/post/javascript/javascript-function-reference-vs-invocation/JavaScript中函数名和函数调用有本质区别，本文通过counter和counter()的对比，讲解函数引用和函数调用的不同。Tue, 24 Dec 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-variable-declaration-var-let-const/https://blog.xingyeji.com/post/javascript/javascript-variable-declaration-var-let-const/JavaScript变量声明经历了var、let、const三个阶段，本文讲解三者的区别、作用域规则和最佳实践。Sat, 07 Dec 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-naming-rules-and-conventions/https://blog.xingyeji.com/post/javascript/javascript-naming-rules-and-conventions/JavaScript命名规则是编程基础，本文讲解合法命名、驼峰命名法、语义化命名等规范，帮你写出易读的代码。Thu, 21 Nov 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-other-useful-operators/https://blog.xingyeji.com/post/javascript/javascript-other-useful-operators/JavaScript还有typeof、instanceof、in等实用运算符，本文介绍这些运算符的用法和应用场景。Tue, 05 Nov 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-bitwise-unary-operators/https://blog.xingyeji.com/post/javascript/javascript-bitwise-unary-operators/JavaScript中的位运算符和一元运算符虽然不常用，但了解它们能帮你更好地理解语言底层机制。Sat, 19 Oct 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-ternary-operator-shorthand/https://blog.xingyeji.com/post/javascript/javascript-ternary-operator-shorthand/三元运算符是if-else的简洁替代方案，本文讲解JavaScript三元运算符的语法、使用场景和最佳实践。Thu, 03 Oct 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-if-condition-comparison-logical-operators/https://blog.xingyeji.com/post/javascript/javascript-if-condition-comparison-logical-operators/if条件判断是编程的核心逻辑，本文详细讲解JavaScript中的比较运算符（==、===、>、<）和逻辑运算符（&&、||、!）。Mon, 16 Sep 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-variable-assignment-operators/https://blog.xingyeji.com/post/javascript/javascript-variable-assignment-operators/JavaScript赋值运算符不止一个=，本文介绍+=、-=、*=等复合赋值运算符，帮你写出更简洁的代码。Sat, 31 Aug 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-arithmetic-operators-beginner/https://blog.xingyeji.com/post/javascript/javascript-arithmetic-operators-beginner/JavaScript算术运算符是编程基础，本文介绍加减乘除、取余、幂运算等算术操作，附带练习题帮助理解。Thu, 15 Aug 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/python-string-concatenation/https://blog.xingyeji.com/post/javascript/python-string-concatenation/Python中有多种字符串拼接方法：+号、format、f-string、join等，本文对比它们的用法和性能。Mon, 29 Jul 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-for-loop-complete-guide/https://blog.xingyeji.com/post/javascript/javascript-for-loop-complete-guide/for循环是JavaScript最基础的循环结构，本文从语法讲起，涵盖嵌套循环、break/continue、性能优化等进阶内容。Sat, 13 Jul 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-parseint-parsefloat-string-to-number/https://blog.xingyeji.com/post/javascript/javascript-parseint-parsefloat-string-to-number/parseInt和parseFloat是JavaScript中字符串转数字的常用方法，本文详细讲解两者的区别、用法和常见陷阱。Thu, 27 Jun 2024 00:00:00 GMThttps://blog.xingyeji.com/post/javascript/javascript-return-keyword-guide/https://blog.xingyeji.com/post/javascript/javascript-return-keyword-guide/return是JavaScript函数中的核心关键字，本文详细讲解return的作用、返回值、提前退出函数等用法，附带实战示例。Mon, 10 Jun 2024 00:00:00 GMThttps://blog.xingyeji.com/post/c-disk-trae-move/https://blog.xingyeji.com/post/c-disk-trae-move/使用 Windows 符号链接（Symbolic Link）技术，无损地将 Trae 的插件缓存和用户数据迁移到 D 盘，释放 C 盘空间。Sat, 25 May 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-property-order-automation-tools/https://blog.xingyeji.com/post/css/css-property-order-automation-tools/CSS属性顺序影响代码可读性，本文介绍自动化工具（如Prettier、Stylelint）帮你自动排序CSS属性。Wed, 08 May 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-structural-pseudo-classes-practice/https://blog.xingyeji.com/post/css/css-structural-pseudo-classes-practice/CSS结构伪类（如:first-child、:nth-child）可以精准选择DOM结构中的元素，本文分享实战技巧。Mon, 22 Apr 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/emmet-shortcuts-for-frontend-developers/https://blog.xingyeji.com/post/css/emmet-shortcuts-for-frontend-developers/Emmet是前端开发的效率神器，本文用通俗易懂的方式介绍Emmet的HTML和CSS快捷写法，让新手也能快速上手。Sat, 06 Apr 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-padding-vs-margin-difference/https://blog.xingyeji.com/post/css/css-padding-vs-margin-difference/padding内边距和margin外边距是CSS盒模型的两个核心属性，本文通过实例讲解两者的区别、使用场景和常见坑点。Wed, 20 Mar 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-em-vs-rem-unit-difference/https://blog.xingyeji.com/post/css/css-em-vs-rem-unit-difference/CSS中em和rem都是相对单位，但参考对象不同。本文详细讲解两者的区别、计算方式和最佳使用场景。Mon, 04 Mar 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-grid-layout-complete-guide/https://blog.xingyeji.com/post/css/css-grid-layout-complete-guide/CSS Grid是强大的二维布局系统，本文从grid-template-columns基础讲起，涵盖fr单位、gap间距、网格区域等核心概念，附带实战案例。Sat, 17 Feb 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-flexbox-layout-beginner/https://blog.xingyeji.com/post/css/css-flexbox-layout-beginner/Flexbox弹性盒子是CSS一维布局的核心工具。本文从基础概念讲起，涵盖主轴交叉轴、flex属性详解和常见布局实战示例。Wed, 31 Jan 2024 00:00:00 GMThttps://blog.xingyeji.com/post/css/css-emmet-syntax-guide/https://blog.xingyeji.com/post/css/css-emmet-syntax-guide/从零开始学习Emmet语法，掌握CSS高效编写技巧。本文详细介绍Emmet的基本写法、常用缩写和实战示例，帮你提升3倍编码效率。Mon, 15 Jan 2024 00:00:00 GMT