210 Studio 的技术博客，记录 vibe coding 的探索与实践，分享前端开发、Web 技术和编程心得。https://www.210k.cc/zh-cnhttps://www.210k.cc/zeabur-cli/https://www.210k.cc/zeabur-cli/通过 Zeabur CLI 在终端查看运行日志和构建日志，快速排查部署问题。涵盖登录、部署状态、日志查看等常用命令。通过 Zeabur CLI 在终端查看运行日志和构建日志，快速排查部署问题。涵盖登录、部署状态、日志查看等常用命令。Frankie 徐https://www.210k.cc/claude-code-skill-guide/https://www.210k.cc/claude-code-skill-guide/深度解析 Claude Code 技能系统的设计哲学与实战技巧，涵盖 SKILL.md 编写规范、三级渐进式披露、五大设计模式和 MCP 集成。深度解析 Claude Code 技能系统的设计哲学与实战技巧，涵盖 SKILL.md 编写规范、三级渐进式披露、五大设计模式和 MCP 集成。Frankie 徐https://www.210k.cc/vim-shortcuts-cheatsheet/https://www.210k.cc/vim-shortcuts-cheatsheet/Vim 常用快捷键完整速查表，涵盖移动、编辑、搜索、窗口管理等核心操作，帮助你快速掌握 Vim 编辑器，提升代码编写效率。Vim 常用快捷键完整速查表，涵盖移动、编辑、搜索、窗口管理等核心操作，帮助你快速掌握 Vim 编辑器，提升代码编写效率。Frankie 徐https://www.210k.cc/farewell-wordpress/https://www.210k.cc/farewell-wordpress/用了 10 年 WordPress，最终决定为外贸网站自研一套技术栈。不是因为 WP 不好，而是我想做点不一样的事情。用了 10 年 WordPress，最终决定为外贸网站自研一套技术栈。不是因为 WP 不好，而是我想做点不一样的事情。Frankie 徐https://www.210k.cc/golang-guide/https://www.210k.cc/golang-guide/深入了解 Go 语言：它能做什么、不能做什么、真实应用案例、以及如何开始学习深入了解 Go 语言：它能做什么、不能做什么、真实应用案例、以及如何开始学习Frankie 徐https://www.210k.cc/webassembly-guide/https://www.210k.cc/webassembly-guide/深入了解 WebAssembly：它能做什么、不能做什么、支持哪些语言、以及如何开始学习深入了解 WebAssembly：它能做什么、不能做什么、支持哪些语言、以及如何开始学习Frankie 徐https://www.210k.cc/rust-intro-wasm/https://www.210k.cc/rust-intro-wasm/Rust 入门系列最后一篇：学习如何用 Rust 编写 WebAssembly 模块，在浏览器中运行高性能代码Rust 入门系列最后一篇：学习如何用 Rust 编写 WebAssembly 模块，在浏览器中运行高性能代码Frankie 徐https://www.210k.cc/rust-intro-cli-project/https://www.210k.cc/rust-intro-cli-project/Rust 入门系列第四篇：从零构建一个实用的命令行工具，学习 Clap 参数解析、文件 I/O、错误处理等实战技能Rust 入门系列第四篇：从零构建一个实用的命令行工具，学习 Clap 参数解析、文件 I/O、错误处理等实战技能Frankie 徐https://www.210k.cc/trpc-guide/https://www.210k.cc/trpc-guide/全面讲解 tRPC 的核心概念、使用方法和最佳实践，实现前后端类型完全同步的全栈开发体验全面讲解 tRPC 的核心概念、使用方法和最佳实践，实现前后端类型完全同步的全栈开发体验Frankie 徐https://www.210k.cc/rust-intro-ownership/https://www.210k.cc/rust-intro-ownership/Rust 入门系列第三篇：深入理解 Rust 的核心特性 - 所有权系统、借用规则、生命周期标注及常见错误Rust 入门系列第三篇：深入理解 Rust 的核心特性 - 所有权系统、借用规则、生命周期标注及常见错误Frankie 徐https://www.210k.cc/rust-intro-basics/https://www.210k.cc/rust-intro-basics/Rust 入门系列第二篇：环境搭建、变量与类型、函数、控制流、Struct/Enum、Option/Result 等核心语法Rust 入门系列第二篇：环境搭建、变量与类型、函数、控制流、Struct/Enum、Option/Result 等核心语法Frankie 徐https://www.210k.cc/rust-intro-what-is-rust/https://www.210k.cc/rust-intro-what-is-rust/Rust 入门系列第一篇：了解 Rust 的核心特性、真实应用场景、大厂案例和学习资源Rust 入门系列第一篇：了解 Rust 的核心特性、真实应用场景、大厂案例和学习资源Frankie 徐https://www.210k.cc/7-pay/https://www.210k.cc/7-pay/7Pay 聚合支付接入攻略，包含二维码支付、回调验签、订单查询和退款接口的完整实现方案7Pay 聚合支付接入攻略，包含二维码支付、回调验签、订单查询和退款接口的完整实现方案Frankie 徐https://www.210k.cc/go-task-scheduler-design/https://www.210k.cc/go-task-scheduler-design/学习如何用 Go 构建轻量级定时任务服务，配合 Next.js 应用工作。从问题分析到代码实现，记录我的学习过程。学习如何用 Go 构建轻量级定时任务服务，配合 Next.js 应用工作。从问题分析到代码实现，记录我的学习过程。Frankie 徐https://www.210k.cc/wordpress-seo-cli-api/https://www.210k.cc/wordpress-seo-cli-api/通过 WP-CLI 和 REST API 批量管理 Yoast SEO 和 SEOPress 的 title、description 等 meta 字段，适合自动化和批量操作场景通过 WP-CLI 和 REST API 批量管理 Yoast SEO 和 SEOPress 的 title、description 等 meta 字段，适合自动化和批量操作场景Frankie 徐https://www.210k.cc/static-cache-implementation/https://www.210k.cc/static-cache-implementation/详解 Web 服务器静态资源缓存配置:AVIF/WebP MIME类型、Cache-Control、immutable指令、Apache/Nginx配置示例及常见问题解决方案详解 Web 服务器静态资源缓存配置:AVIF/WebP MIME类型、Cache-Control、immutable指令、Apache/Nginx配置示例及常见问题解决方案Frankie 徐https://www.210k.cc/polylang-automation-notes/https://www.210k.cc/polylang-automation-notes/深度记录从零实现 WordPress + Polylang 多语言站点 AI 自动翻译的完整过程。从 Bash 脚本到 TypeScript + GPT-4o，实现 6 种语言并行翻译、自动 SEO 优化、智能去重，效率提升 170 倍（85 分钟 → 30 秒）。包含完整技术细节、踩坑经验和生产级代码实现。深度记录从零实现 WordPress + Polylang 多语言站点 AI 自动翻译的完整过程。从 Bash 脚本到 TypeScript + GPT-4o，实现 6 种语言并行翻译、自动 SEO 优化、智能去重，效率提升 170 倍（85 分钟 → 30 秒）。包含完整技术细节、踩坑经验和生产级代码实现。Frankie 徐https://www.210k.cc/install-claude-code-on-hostinger/https://www.210k.cc/install-claude-code-on-hostinger/在 Hostinger 共享主机上安装 Claude Code CLI 工具的快速指南。通过 Bun 安装，3 个命令搞定，随时随地使用 AI 助手。在 Hostinger 共享主机上安装 Claude Code CLI 工具的快速指南。通过 Bun 安装，3 个命令搞定，随时随地使用 AI 助手。Frankie 徐https://www.210k.cc/wordpress-security-cleanup-guide/https://www.210k.cc/wordpress-security-cleanup-guide/朋友的 WordPress 网站被黑了，发现多种恶意代码。本文记录完整的清理过程，包括 PHP Webshell、SEO 劫持代码的识别与清除，以及后续安全加固措施。朋友的 WordPress 网站被黑了，发现多种恶意代码。本文记录完整的清理过程，包括 PHP Webshell、SEO 劫持代码的识别与清除，以及后续安全加固措施。Frankie 徐https://www.210k.cc/html-img/https://www.210k.cc/html-img/详解 HTML 响应式图片的正确使用方法，包括 img、picture、srcset、sizes 的核心原则、强制规则和标准模板，确保图片选择正确、流量优化、清晰度保证。详解 HTML 响应式图片的正确使用方法，包括 img、picture、srcset、sizes 的核心原则、强制规则和标准模板，确保图片选择正确、流量优化、清晰度保证。Frankie 徐https://www.210k.cc/otp-login-guide/https://www.210k.cc/otp-login-guide/详解使用 better-auth 实现 OTP 邮箱验证码登录的完整流程，包括客户端表单、服务端配置、邮件模板、安全策略和错误处理的端到端方案。详解使用 better-auth 实现 OTP 邮箱验证码登录的完整流程，包括客户端表单、服务端配置、邮件模板、安全策略和错误处理的端到端方案。Frankie 徐https://www.210k.cc/css-stacking-context/https://www.210k.cc/css-stacking-context/深入理解 CSS 层叠上下文机制，解决 z-index 不生效、下拉菜单被遮挡等常见问题。包含调试技巧和最佳实践。深入理解 CSS 层叠上下文机制，解决 z-index 不生效、下拉菜单被遮挡等常见问题。包含调试技巧和最佳实践。Frankie 徐https://www.210k.cc/cloudflare-tunnel-setup/https://www.210k.cc/cloudflare-tunnel-setup/使用 Cloudflare Tunnel 将本地开发端口安全暴露到公网，支持固定域名映射，无需配置防火墙或端口转发。使用 Cloudflare Tunnel 将本地开发端口安全暴露到公网，支持固定域名映射，无需配置防火墙或端口转发。Frankie 徐https://www.210k.cc/linux-server-security-hardening/https://www.210k.cc/linux-server-security-hardening/从 SSH 密钥登录、UFW 防火墙配置到 Fail2ban 防护的完整 Linux 服务器安全加固实践指南，让你的服务器不再害怕暴力破解。从 SSH 密钥登录、UFW 防火墙配置到 Fail2ban 防护的完整 Linux 服务器安全加固实践指南，让你的服务器不再害怕暴力破解。Frankie 徐https://www.210k.cc/vercel-ai-sdk-tool-calling/https://www.210k.cc/vercel-ai-sdk-tool-calling/基于 Vercel AI SDK v5/v6 的一次实践记录，演示如何在 TypeScript/Next.js 中接入通用 Tool Calling。文中以总结 summarize 等工具为例，具体工具可按需替换。基于 Vercel AI SDK v5/v6 的一次实践记录，演示如何在 TypeScript/Next.js 中接入通用 Tool Calling。文中以总结 summarize 等工具为例，具体工具可按需替换。Frankie 徐https://www.210k.cc/sts-direct-upload-guide/https://www.210k.cc/sts-direct-upload-guide/Next.js 15 + 阿里云 OSS STS 直传完整实现指南：5-10x 上传速度提升，服务器带宽降低 80%+，含前后端代码、安全配置、降级方案、生产经验总结Next.js 15 + 阿里云 OSS STS 直传完整实现指南：5-10x 上传速度提升，服务器带宽降低 80%+，含前后端代码、安全配置、降级方案、生产经验总结Frankie 徐https://www.210k.cc/fullstack-project-structure-principles/https://www.210k.cc/fullstack-project-structure-principles/用一致的原则与落地范式组织全栈项目目录，结合按功能、按层、领域分治与垂直切片等模式，并给出 Next.js 与 Monorepo 的实践示例。用一致的原则与落地范式组织全栈项目目录，结合按功能、按层、领域分治与垂直切片等模式，并给出 Next.js 与 Monorepo 的实践示例。Frankie 徐https://www.210k.cc/monorepo-practical-guide/https://www.210k.cc/monorepo-practical-guide/系统梳理 monorepo 原理、方案选型与落地实践，附 pnpm/Turborepo/Nx 配置与 CI 发布示例。系统梳理 monorepo 原理、方案选型与落地实践，附 pnpm/Turborepo/Nx 配置与 CI 发布示例。Frankie 徐https://www.210k.cc/nextjs-testing-vitest-guide/https://www.210k.cc/nextjs-testing-vitest-guide/用实际示例讲清 Next.js 中如何配置与编写单元测试、组件测试和 API 集成测试，覆盖常见项目场景。用实际示例讲清 Next.js 中如何配置与编写单元测试、组件测试和 API 集成测试，覆盖常见项目场景。Frankie 徐https://www.210k.cc/react-hooks-complete-guide/https://www.210k.cc/react-hooks-complete-guide/一文吃透 React 常用与进阶 Hooks，配合通俗讲解与可运行示例，帮你在真实项目中写出更简洁、可维护的代码。一文吃透 React 常用与进阶 Hooks，配合通俗讲解与可运行示例，帮你在真实项目中写出更简洁、可维护的代码。Frankie 徐https://www.210k.cc/gemini-flash-image-openrouter/https://www.210k.cc/gemini-flash-image-openrouter/使用 OpenRouter API 调用 Gemini 2.5 Flash Image 生成指定宽高比图片的正确请求格式，解决 aspect_ratio 参数不生效的问题使用 OpenRouter API 调用 Gemini 2.5 Flash Image 生成指定宽高比图片的正确请求格式，解决 aspect_ratio 参数不生效的问题Frankie 徐https://www.210k.cc/shell-function-alias/https://www.210k.cc/shell-function-alias/深入探讨如何使用 Shell 函数创建功能强大的命令行别名，包括环境变量动态切换、参数传递和实际应用场景。深入探讨如何使用 Shell 函数创建功能强大的命令行别名，包括环境变量动态切换、参数传递和实际应用场景。Frankie 徐https://www.210k.cc/husky-git-hooks-setup/https://www.210k.cc/husky-git-hooks-setup/基于 Husky v9 的 Git Hooks 配置指南，实现 commit 和 push 前的自动代码质量检查。基于 Husky v9 的 Git Hooks 配置指南，实现 commit 和 push 前的自动代码质量检查。Frankie 徐https://www.210k.cc/wordpress-plugin-react-i18n-guide/https://www.210k.cc/wordpress-plugin-react-i18n-guide/详细介绍如何在 WordPress 插件中集成 React 框架和实现国际化，包含完整的项目结构、构建配置和最佳实践。详细介绍如何在 WordPress 插件中集成 React 框架和实现国际化，包含完整的项目结构、构建配置和最佳实践。Frankie 徐https://www.210k.cc/wordpress-blog-template-blank-page-debug/https://www.210k.cc/wordpress-blog-template-blank-page-debug/深度剖析 WordPress 博客模板空白页问题的系统化排查方法，从条件标签时序陷阱到双重模板系统冲突，完整还原 10% 发生率 Bug 的诊断与解决过程。深度剖析 WordPress 博客模板空白页问题的系统化排查方法，从条件标签时序陷阱到双重模板系统冲突，完整还原 10% 发生率 Bug 的诊断与解决过程。Frankie 徐https://www.210k.cc/nano-banana-ai-image-tool/https://www.210k.cc/nano-banana-ai-image-tool/使用 TypeScript 和 Bun 开发命令行工具，通过 AIHubMix 调用 Gemini 2.5 Flash Image API 实现 AI 图片生成和智能编辑功能，支持中文提示词。使用 TypeScript 和 Bun 开发命令行工具，通过 AIHubMix 调用 Gemini 2.5 Flash Image API 实现 AI 图片生成和智能编辑功能，支持中文提示词。Frankie 徐https://www.210k.cc/spec-kit-guide/https://www.210k.cc/spec-kit-guide/深入解析 GitHub Spec Kit - 面向 AI 的规范驱动开发工具包，通过四阶段工作流（Constitution → Specify → Plan → Tasks → Implement）提升代码质量和开发效率深入解析 GitHub Spec Kit - 面向 AI 的规范驱动开发工具包，通过四阶段工作流（Constitution → Specify → Plan → Tasks → Implement）提升代码质量和开发效率Frankie 徐https://www.210k.cc/export-cloudflare-r2-files/https://www.210k.cc/export-cloudflare-r2-files/详细介绍如何使用 rclone 工具批量导出 Cloudflare R2 对象存储中的文件，包括配置、操作步骤和自动化脚本。详细介绍如何使用 rclone 工具批量导出 Cloudflare R2 对象存储中的文件，包括配置、操作步骤和自动化脚本。Frankie 徐https://www.210k.cc/tauri-development-workflow/https://www.210k.cc/tauri-development-workflow/基于 FX Toolbox 项目的实战经验，详细介绍 Tauri 桌面应用的开发流程、代码提交规范、版本发布和协作开发最佳实践。基于 FX Toolbox 项目的实战经验，详细介绍 Tauri 桌面应用的开发流程、代码提交规范、版本发布和协作开发最佳实践。Frankie 徐https://www.210k.cc/zeabur-auto-restart-guide/https://www.210k.cc/zeabur-auto-restart-guide/详细介绍如何使用 Zeabur GraphQL API 在 GitHub Actions 中自动触发服务重启，实现完全自动化的 CI/CD 部署流程。详细介绍如何使用 Zeabur GraphQL API 在 GitHub Actions 中自动触发服务重启，实现完全自动化的 CI/CD 部署流程。Frankie 徐https://www.210k.cc/%E5%BD%BB%E5%BA%95%E5%85%B3%E9%97%ADwordpress%E7%9A%84%E8%AF%84%E8%AE%BA%E5%8A%9F%E8%83%BD/https://www.210k.cc/%E5%BD%BB%E5%BA%95%E5%85%B3%E9%97%ADwordpress%E7%9A%84%E8%AF%84%E8%AE%BA%E5%8A%9F%E8%83%BD/It is very easy to completely disable comments and remove all comments-related features from the admin panel as well as the front end of your website. The fr...It is very easy to completely disable comments and remove all comments-related features from the admin panel as well as the front end of your website. The fr...Frankie 徐https://www.210k.cc/r2-storage-guide/https://www.210k.cc/r2-storage-guide/Cloudflare R2 对象存储的完整使用指南，从基础概念到实战应用，构建高性能、低成本的存储方案。Cloudflare R2 对象存储的完整使用指南，从基础概念到实战应用，构建高性能、低成本的存储方案。Frankie 徐https://www.210k.cc/db-compatibility/https://www.210k.cc/db-compatibility/主流数据库系统（PostgreSQL、MySQL、SQLite 等）的 SQL 语法和功能兼容性对比分析。主流数据库系统（PostgreSQL、MySQL、SQLite 等）的 SQL 语法和功能兼容性对比分析。Frankie 徐https://www.210k.cc/d1-to-pg-migration/https://www.210k.cc/d1-to-pg-migration/详细的数据库迁移步骤，从 Cloudflare D1 迁移到 PostgreSQL 的完整指南，包括数据迁移和应用改造。详细的数据库迁移步骤，从 Cloudflare D1 迁移到 PostgreSQL 的完整指南，包括数据迁移和应用改造。Frankie 徐https://www.210k.cc/build-vs-runtime-env-vars/https://www.210k.cc/build-vs-runtime-env-vars/深入剖析构建时环境变量和运行时环境变量的区别、使用场景和最佳实践，避免常见陷阱。深入剖析构建时环境变量和运行时环境变量的区别、使用场景和最佳实践，避免常见陷阱。Frankie 徐https://www.210k.cc/supabase-keep-alive/https://www.210k.cc/supabase-keep-alive/如何通过定时任务保持 Supabase 免费数据库活跃状态，避免因长时间不活动而被自动暂停。如何通过定时任务保持 Supabase 免费数据库活跃状态，避免因长时间不活动而被自动暂停。Frankie 徐https://www.210k.cc/drizzle-orm-guide/https://www.210k.cc/drizzle-orm-guide/Drizzle ORM 的深入指南，类型安全的数据库操作、查询构建器、迁移管理等核心功能的实战应用。Drizzle ORM 的深入指南，类型安全的数据库操作、查询构建器、迁移管理等核心功能的实战应用。Frankie 徐https://www.210k.cc/better-auth-guide/https://www.210k.cc/better-auth-guide/Better Auth 框架的完整指南，从核心概念到企业级认证系统的实现，构建类型安全、易扩展的认证方案。Better Auth 框架的完整指南，从核心概念到企业级认证系统的实现，构建类型安全、易扩展的认证方案。Frankie 徐https://www.210k.cc/workers-vs-pages-comparison/https://www.210k.cc/workers-vs-pages-comparison/Cloudflare Workers 和 Pages 的核心概念、技术架构、功能特性的全面对比，帮助你选择最适合的部署方案。Cloudflare Workers 和 Pages 的核心概念、技术架构、功能特性的全面对比，帮助你选择最适合的部署方案。Frankie 徐https://www.210k.cc/cloudflare-complete-guide/https://www.210k.cc/cloudflare-complete-guide/深入了解 Cloudflare Workers 生态系统，包括核心组件、实战架构、应用案例和最佳实践，构建高性能边缘计算应用。深入了解 Cloudflare Workers 生态系统，包括核心组件、实战架构、应用案例和最佳实践，构建高性能边缘计算应用。Frankie 徐https://www.210k.cc/translatepress-faq/https://www.210k.cc/translatepress-faq/小语种翻译的slug，要么翻译、要么不翻译，都没有问题，但是切忌中途切换，严重影响SEO！！！ 插件到期了没续费，翻译的内容还在吗？ 当然还在，翻译内容是保存在数据库的小语种翻译的slug，要么翻译、要么不翻译，都没有问题，但是切忌中途切换，严重影响SEO！！！ 插件到期了没续费，翻译的内容还在吗？ 当然还在，翻译内容是保存在数据库的Frankie 徐https://www.210k.cc/deploy-n8n-on-vps/https://www.210k.cc/deploy-n8n-on-vps/第三步，登陆服务器，执行下面这条一键安装脚本，根据提示输入： 根域名，比如210k.cc 二级域名：比如n8n，这样最终访问地址就是n8n.210k.cc 邮箱：用来申请ssl证书，填个qq邮箱即可 第四步，自动安装完成后，使用域名访问n8n即可。 sudo bash -c 'wget https://raw.github...第三步，登陆服务器，执行下面这条一键安装脚本，根据提示输入： 根域名，比如210k.cc 二级域名：比如n8n，这样最终访问地址就是n8n.210k.cc 邮箱：用来申请ssl证书，填个qq邮箱即可 第四步，自动安装完成后，使用域名访问n8n即可。 sudo bash -c 'wget https://raw.github...Frankie 徐https://www.210k.cc/ip-geo-codes/https://www.210k.cc/ip-geo-codes/IP Geo CodesIP Geo CodesFrankie 徐https://www.210k.cc/google-instant-indexing/https://www.210k.cc/google-instant-indexing/获取google instant indexing api key 在登录了google账号的浏览器，打开如下链接： https://console.cloud.google.com/apis/library/indexing.googleapis.com?hl=en&pli=1&project=websi...获取google instant indexing api key 在登录了google账号的浏览器，打开如下链接： https://console.cloud.google.com/apis/library/indexing.googleapis.com?hl=en&pli=1&project=websi...Frankie 徐https://www.210k.cc/001-%E8%B4%AD%E4%B9%B0%E5%9F%9F%E5%90%8D%E3%80%81%E9%A1%BA%E5%B8%A6%E7%BB%91%E5%AE%9Acfcloudflare%E8%A7%A3%E6%9E%90/https://www.210k.cc/001-%E8%B4%AD%E4%B9%B0%E5%9F%9F%E5%90%8D%E3%80%81%E9%A1%BA%E5%B8%A6%E7%BB%91%E5%AE%9Acfcloudflare%E8%A7%A3%E6%9E%90/cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我或许可以帮你联系他们的工作人员把审核过程提提速。Reminder 详细视频：cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我或许可以帮你联系他们的工作人员把审核过程提提速。Reminder 详细视频：Frankie 徐https://www.210k.cc/create-website-on-cloudways-with-cloudflare/https://www.210k.cc/create-website-on-cloudways-with-cloudflare/cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我或许可以帮你联系他们的工作人员把审核过程提提速。Reminder 详细视频 1.1 购买域名 namesilo.com 1.2 在CF上添加域名 知道CF给我们域名分配的NS（name...cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我或许可以帮你联系他们的工作人员把审核过程提提速。Reminder 详细视频 1.1 购买域名 namesilo.com 1.2 在CF上添加域名 知道CF给我们域名分配的NS（name...Frankie 徐https://www.210k.cc/enable-cloudflare-enterprise-addon-on-cloudways-servers/https://www.210k.cc/enable-cloudflare-enterprise-addon-on-cloudways-servers/cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我或许可以帮你联系他们的工作人员把审核过程提提速。Reminder 操作视频1 操作视频2 网站上线后，如果有预算，可以考虑开启；但这也不是必须，用免费版的CF也可以，看自己的预算。 C...cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我或许可以帮你联系他们的工作人员把审核过程提提速。Reminder 操作视频1 操作视频2 网站上线后，如果有预算，可以考虑开启；但这也不是必须，用免费版的CF也可以，看自己的预算。 C...Frankie 徐https://www.210k.cc/install-and-setup-flyingpress-cache-plugin/https://www.210k.cc/install-and-setup-flyingpress-cache-plugin/博主购买了175美金（50授权）的license，还有少量席位，有兴趣请私信联系。 40RMB/年 官方在线升级 请了解清楚后购买，无退款服务，插件操作简单，也请不要期待有很多售后，基本上装上去参考公众号里的文章设置一下就OK了，设置好了之后基本就不用管了。博主购买了175美金（50授权）的license，还有少量席位，有兴趣请私信联系。 40RMB/年 官方在线升级 请了解清楚后购买，无退款服务，插件操作简单，也请不要期待有很多售后，基本上装上去参考公众号里的文章设置一下就OK了，设置好了之后基本就不用管了。Frankie 徐https://www.210k.cc/migrate-website-to-cloudways/https://www.210k.cc/migrate-website-to-cloudways/没啥好说的，如果你觉得cloudways还行，愿意折腾一下，可以试试。 温馨提醒： 迁移完了之后，先不要着急把原来网站服务器上的删了，给自己留个后悔药。 服务器购买，点击图标前往 ： cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我...没啥好说的，如果你觉得cloudways还行，愿意折腾一下，可以试试。 温馨提醒： 迁移完了之后，先不要着急把原来网站服务器上的删了，给自己留个后悔药。 服务器购买，点击图标前往 ： cloudways注册会有一个人工审核账号的过程，他们可能是防止机器人自动注册。如果你注册之后一直没有通过账号审核，可以把注册邮箱告诉我，我...Frankie 徐https://www.210k.cc/elements-enter-animation-on-bricks-builder/https://www.210k.cc/elements-enter-animation-on-bricks-builder/如果你羡慕很多网站的入场动画效果，那么看完下面这个视频，你也可以用bricks编辑器做一个了。如果你羡慕很多网站的入场动画效果，那么看完下面这个视频，你也可以用bricks编辑器做一个了。Frankie 徐https://www.210k.cc/create-product-image-gallery-with-acf-gallery-oxygen/https://www.210k.cc/create-product-image-gallery-with-acf-gallery-oxygen/<img width="80" height="80" src="<?php echo the_post_thumbnail_url();?>" data-source="<?php echo the_post_thumbnail_url();?>" class='thumbnail-img'/> &l...<img width="80" height="80" src="<?php echo the_post_thumbnail_url();?>" data-source="<?php echo the_post_thumbnail_url();?>" class='thumbnail-img'/> &l...Frankie 徐https://www.210k.cc/flyingcdn-setup/https://www.210k.cc/flyingcdn-setup/不用CDN，那么全球无论什么地方的客户，访问我们的网站，都必须要直接向我们的网站服务器请求数据，离得近的还好，离得远的那访问速度就非常慢了。 假设我们服务器在美国，澳大利亚用户访问网站，就非常慢。 如果使用了CDN之后呢？我们的网站页面文件，被缓存到了全球的CDN节点，比如下图中澳大利亚也有CDN节点。 当澳大利亚的用户访...不用CDN，那么全球无论什么地方的客户，访问我们的网站，都必须要直接向我们的网站服务器请求数据，离得近的还好，离得远的那访问速度就非常慢了。 假设我们服务器在美国，澳大利亚用户访问网站，就非常慢。 如果使用了CDN之后呢？我们的网站页面文件，被缓存到了全球的CDN节点，比如下图中澳大利亚也有CDN节点。 当澳大利亚的用户访...Frankie 徐https://www.210k.cc/hero-section-templates/https://www.210k.cc/hero-section-templates/Hero Section TemplatesHero Section TemplatesFrankie 徐https://www.210k.cc/yt-dlp-youtube-download-guide/https://www.210k.cc/yt-dlp-youtube-download-guide/之前在知识星球上分析了这个下载神器，https://articles.zsxq.com/id_gr2w0sw3mfuh.html，但是没有介绍一些更加详细的用法，这里再简要介绍一下常见的功能，大家日常能够用到的。 yt-dlp的功能非常强大，它甚至能下载付费社区里的vimeo视频。 下面文章内容中所有YouTube网址，一...之前在知识星球上分析了这个下载神器，https://articles.zsxq.com/id_gr2w0sw3mfuh.html，但是没有介绍一些更加详细的用法，这里再简要介绍一下常见的功能，大家日常能够用到的。 yt-dlp的功能非常强大，它甚至能下载付费社区里的vimeo视频。 下面文章内容中所有YouTube网址，一...Frankie 徐https://www.210k.cc/solve-huge-wp_actionscheduler_logs-table/https://www.210k.cc/solve-huge-wp_actionscheduler_logs-table/今天帮一个朋友解决了这个表格wp_actionscheduler_logs超过5个G，导致网站服务器开始报警的问题，而且手动删除之后，很快数据库又被填满了。 表前缀不一定是wp_，也可能是其他定义的前缀，但后面都是一样的。 出现的原因 这个问题出现在woocommerce商城，wp_actionscheduler_logs...今天帮一个朋友解决了这个表格wp_actionscheduler_logs超过5个G，导致网站服务器开始报警的问题，而且手动删除之后，很快数据库又被填满了。 表前缀不一定是wp_，也可能是其他定义的前缀，但后面都是一样的。 出现的原因 这个问题出现在woocommerce商城，wp_actionscheduler_logs...Frankie 徐https://www.210k.cc/check-traffic-source-of-specific-page-in-google-analytics-4/https://www.210k.cc/check-traffic-source-of-specific-page-in-google-analytics-4/在做网站运营的时候，大家肯定想知道，某个页面的流量来自于哪些渠道，特别是有做外链、社媒等很多渠道推广的时候，那么哪个渠道带来多少流量，就是一定要关注的数据了。 废话不多说，下面就来分享一下在Google Analytics4中的具体步骤： 以我佛系更新的博客为例，首先打开GA4后台，然后依次点击reports &...在做网站运营的时候，大家肯定想知道，某个页面的流量来自于哪些渠道，特别是有做外链、社媒等很多渠道推广的时候，那么哪个渠道带来多少流量，就是一定要关注的数据了。 废话不多说，下面就来分享一下在Google Analytics4中的具体步骤： 以我佛系更新的博客为例，首先打开GA4后台，然后依次点击reports &...Frankie 徐https://www.210k.cc/wordpress-remove-powered-by-fluentform/https://www.210k.cc/wordpress-remove-powered-by-fluentform/正常的通知邮件，底部有powered by fluentform 移除的办法很简单，在functions.php或者是code snippets中加入下面这段代码即可 add_filter( 'fluentform_email_template_footer_credit', 'remove_fluentform_foot...正常的通知邮件，底部有powered by fluentform 移除的办法很简单，在functions.php或者是code snippets中加入下面这段代码即可 add_filter( 'fluentform_email_template_footer_credit', 'remove_fluentform_foot...Frankie 徐https://www.210k.cc/google-cpm-partner-prices/https://www.210k.cc/google-cpm-partner-prices/cmp_partner_comparison_tableDownloadcmp_partner_comparison_tableDownloadFrankie 徐https://www.210k.cc/ep003-%E5%B8%83%E5%B1%80%E5%8F%8A%E5%B8%B8%E7%94%A8%E7%9A%84%E5%85%83%E7%B4%A0/https://www.210k.cc/ep003-%E5%B8%83%E5%B1%80%E5%8F%8A%E5%B8%B8%E7%94%A8%E7%9A%84%E5%85%83%E7%B4%A0/Container 100%页面内容宽度（设置了页面内容最大宽度） Block 100%父容器宽度 Div 普通的div，没有任何预设的样式 布局方式 Flex 弹性盒子 Grid 常用页面元素 标题 文字 图片 图标 按钮 链接 tab  Container 100%页面内容宽度（设置了页面内容最大宽度） Block 100%父容器宽度 Div 普通的div，没有任何预设的样式 布局方式 Flex 弹性盒子 Grid 常用页面元素 标题 文字 图片 图标 按钮 链接 tab  Frankie 徐https://www.210k.cc/ep004-%E5%A4%8D%E5%88%BBhome%E9%A1%B5/https://www.210k.cc/ep004-%E5%A4%8D%E5%88%BBhome%E9%A1%B5/EP004-1 复刻home页的框架结构 准备图片 分析页面结构 做页面大框架   EP004-2 微调样式EP004-1 复刻home页的框架结构 准备图片 分析页面结构 做页面大框架   EP004-2 微调样式Frankie 徐https://www.210k.cc/bricks-builder-tutorial-ep002-fonts/https://www.210k.cc/bricks-builder-tutorial-ep002-fonts/EP002 - 字体 字体下载工具： google webfonts helper 找到目标站使用的字体 Montserrat Raleway 在Bricks中停用Google font 上传字体  EP002 - 字体 字体下载工具： google webfonts helper 找到目标站使用的字体 Montserrat Raleway 在Bricks中停用Google font 上传字体  Frankie 徐https://www.210k.cc/bricks-builder-tutorial-introduction-and-header-footer-template/https://www.210k.cc/bricks-builder-tutorial-introduction-and-header-footer-template/Bricks编辑器是WordPress生态中新出来的一款非常优秀的编辑器，速度快，功能强大。 我打算做一个从0到1的入门系列，我从网上随机找了一个网站，作为目标站，使用Bricks编辑器来进行复刻，通过实例来展示编辑器的操作方法。 这是本系列的第一节： 测试网站搭建 Bricks编辑器安装、激活，基础设置 模板设置 hea...Bricks编辑器是WordPress生态中新出来的一款非常优秀的编辑器，速度快，功能强大。 我打算做一个从0到1的入门系列，我从网上随机找了一个网站，作为目标站，使用Bricks编辑器来进行复刻，通过实例来展示编辑器的操作方法。 这是本系列的第一节： 测试网站搭建 Bricks编辑器安装、激活，基础设置 模板设置 hea...Frankie 徐https://www.210k.cc/useful-wordpress-code-snippets/https://www.210k.cc/useful-wordpress-code-snippets/* Allow SVG uploads for administrator users. * * @param array $upload_mimes Allowed mime types. * * @return mixed */ add_filter( 'upload_mimes', function ( $uploa...* Allow SVG uploads for administrator users. * * @param array $upload_mimes Allowed mime types. * * @return mixed */ add_filter( 'upload_mimes', function ( $uploa...Frankie 徐https://www.210k.cc/one-click-wordpress-site-speed-improve/https://www.210k.cc/one-click-wordpress-site-speed-improve/按照下面的视频里的步骤，一步一步来一遍就可以了，实际上操作时间在2分钟以内。按照下面的视频里的步骤，一步一步来一遍就可以了，实际上操作时间在2分钟以内。Frankie 徐https://www.210k.cc/kinsta-wordpress-hosting/https://www.210k.cc/kinsta-wordpress-hosting/如果一个月网站流量上万，当前网站服务器明显有些力不从心的时候，推荐考虑Kinsta主机。 Kinsta提供优质的托管WordPress主机服务，具备顶级功能、全球性能以及令人印象深刻的速度改进，使其成为WordPress网站所有者的吸引人选择。 Kinsta主机的优势 Kinsta提供优质的托管WordPress主机服务，...如果一个月网站流量上万，当前网站服务器明显有些力不从心的时候，推荐考虑Kinsta主机。 Kinsta提供优质的托管WordPress主机服务，具备顶级功能、全球性能以及令人印象深刻的速度改进，使其成为WordPress网站所有者的吸引人选择。 Kinsta主机的优势 Kinsta提供优质的托管WordPress主机服务，...Frankie 徐https://www.210k.cc/%E5%88%B6%E4%BD%9C%E4%B8%80%E4%B8%AA%E5%A4%8D%E6%9D%82%E4%B8%80%E7%82%B9%E7%9A%84%E8%A1%A8%E6%A0%BC/https://www.210k.cc/%E5%88%B6%E4%BD%9C%E4%B8%80%E4%B8%AA%E5%A4%8D%E6%9D%82%E4%B8%80%E7%82%B9%E7%9A%84%E8%A1%A8%E6%A0%BC/基本上大部分功能都能实现了，自己做的可能就是需要调整一下格式，比如我下面这个是用tablepress来实现的。 [table id=1 /]基本上大部分功能都能实现了，自己做的可能就是需要调整一下格式，比如我下面这个是用tablepress来实现的。 [table id=1 /]Frankie 徐https://www.210k.cc/how-to-embe-google-drive-pdf-file-in-wordpress-post/https://www.210k.cc/how-to-embe-google-drive-pdf-file-in-wordpress-post/注意权限要设置为“anyone with the link” 第二步，链接格式转换 复制下来的链接是下面的格式 https://drive.google.com/file/d/137o_s1IoYFRr1zqOyA3tU0p1goTG1gZO/view?usp=sharing 需要把它最后面的view?usp=sharin...注意权限要设置为“anyone with the link” 第二步，链接格式转换 复制下来的链接是下面的格式 https://drive.google.com/file/d/137o_s1IoYFRr1zqOyA3tU0p1goTG1gZO/view?usp=sharing 需要把它最后面的view?usp=sharin...Frankie 徐https://www.210k.cc/spectra-blocks-for-wordpress-gutenberg-editor/https://www.210k.cc/spectra-blocks-for-wordpress-gutenberg-editor/如果你觉得你的Blog页面排版太单一，又或者你想在你的woocommerce产品详情页添加更多的信息，更多的排版方式，那么今天介绍的spectra可能是一个很好的选择。spectra是Brainstorm Force（现在非常流行的Astra主题也是他们家的）推出的一款基于gutenberg编辑器的外挂，给gutenber...如果你觉得你的Blog页面排版太单一，又或者你想在你的woocommerce产品详情页添加更多的信息，更多的排版方式，那么今天介绍的spectra可能是一个很好的选择。spectra是Brainstorm Force（现在非常流行的Astra主题也是他们家的）推出的一款基于gutenberg编辑器的外挂，给gutenber...Frankie 徐https://www.210k.cc/flyingpress-the-best-wordpress-cache-plugin/https://www.210k.cc/flyingpress-the-best-wordpress-cache-plugin/FlyingPress Review: Is It the Best WordPress Performance Plugin? (2025) Searching for the best WordPress performance and caching plugin to speed up your site? In ...FlyingPress Review: Is It the Best WordPress Performance Plugin? (2025) Searching for the best WordPress performance and caching plugin to speed up your site? In ...Frankie 徐https://www.210k.cc/improve-jquery-load-speed-on-wordpress-site/https://www.210k.cc/improve-jquery-load-speed-on-wordpress-site/在优化wordpress网站速度过程中，经常会遇到jQuery影响加载速度的问题。 即使是minified jQuery文件通常也有30多kb，如果是通过自己的网站服务器来加载，一般都会影响pagespeed评分，这里分享一个替代的方案，把网站的jQuery源改为CDN节点的公共源，既减少自己服务器的请求，又能加快访问速度...在优化wordpress网站速度过程中，经常会遇到jQuery影响加载速度的问题。 即使是minified jQuery文件通常也有30多kb，如果是通过自己的网站服务器来加载，一般都会影响pagespeed评分，这里分享一个替代的方案，把网站的jQuery源改为CDN节点的公共源，既减少自己服务器的请求，又能加快访问速度...Frankie 徐https://www.210k.cc/%E5%A4%9A%E8%AF%AD%E8%A8%80%E6%8F%92%E4%BB%B6wpml%E8%AE%BE%E7%BD%AE/https://www.210k.cc/%E5%A4%9A%E8%AF%AD%E8%A8%80%E6%8F%92%E4%BB%B6wpml%E8%AE%BE%E7%BD%AE/多语言插件WPML设置多语言插件WPML设置Frankie 徐https://www.210k.cc/embed-google-map-in-wordpress/https://www.210k.cc/embed-google-map-in-wordpress/如果需要在网页中插入Google地图，比较简单的方法有两个，推荐使用第二种方法。 方法一：使用Google maps javascript API 相信外贸朋友看到标题就决定跳过了，好，那么就先不详细展开讲了。 大意是需要先在Google开发平台申请一个api key，然后按照Google的文档操作即可，也可以安装相应的w...如果需要在网页中插入Google地图，比较简单的方法有两个，推荐使用第二种方法。 方法一：使用Google maps javascript API 相信外贸朋友看到标题就决定跳过了，好，那么就先不详细展开讲了。 大意是需要先在Google开发平台申请一个api key，然后按照Google的文档操作即可，也可以安装相应的w...Frankie 徐https://www.210k.cc/from-concept-to-reality-images-effect/https://www.210k.cc/from-concept-to-reality-images-effect/overflow: hidden; /* 隐藏超出容器的部分 */ } .concept-image, .product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; /* 初始时图片完全透明 */ }...overflow: hidden; /* 隐藏超出容器的部分 */ } .concept-image, .product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; /* 初始时图片完全透明 */ }...Frankie 徐https://www.210k.cc/build-wordpress-page-with-envato-template-kit-quickly/https://www.210k.cc/build-wordpress-page-with-envato-template-kit-quickly/如题 视频在b站也可以观看。如题 视频在b站也可以观看。Frankie 徐https://www.210k.cc/%E5%A5%BD%E7%94%A8%E7%9A%84%E5%9B%BE%E7%89%87%E5%8D%A0%E4%BD%8D%E7%AC%A6%E5%B7%A5%E5%85%B7/https://www.210k.cc/%E5%A5%BD%E7%94%A8%E7%9A%84%E5%9B%BE%E7%89%87%E5%8D%A0%E4%BD%8D%E7%AC%A6%E5%B7%A5%E5%85%B7/做网站时，经常需要插入图片，但是如果自己的图片还没有完全弄好的时候，一般可以先放一个图片占位符，可以看到整体的效果。 下面推荐一个非常灵活的图片占位符工具：Lorem Picsum 它不仅可以支持插入图片，同时可以调整图片的尺寸、比例等格式，具体示例如下： 插入一张随机的长方形方形图片 图片链接地址：https://pic...做网站时，经常需要插入图片，但是如果自己的图片还没有完全弄好的时候，一般可以先放一个图片占位符，可以看到整体的效果。 下面推荐一个非常灵活的图片占位符工具：Lorem Picsum 它不仅可以支持插入图片，同时可以调整图片的尺寸、比例等格式，具体示例如下： 插入一张随机的长方形方形图片 图片链接地址：https://pic...Frankie 徐https://www.210k.cc/filter-data-with-regex-in-google-analytics-4/https://www.210k.cc/filter-data-with-regex-in-google-analytics-4/在自定义报告report中，新建一个free form，然后添加所需要查看数据的维度，包括page referrer，然后在filters中添加一条过滤条件，设置page referrer匹配如下正则表达式即可，可以根据实际情况来对正则表达式进行修改调整。 (.*)(bing|google|baidu)\.com(.*) ...在自定义报告report中，新建一个free form，然后添加所需要查看数据的维度，包括page referrer，然后在filters中添加一条过滤条件，设置page referrer匹配如下正则表达式即可，可以根据实际情况来对正则表达式进行修改调整。 (.*)(bing|google|baidu)\.com(.*) ...Frankie 徐https://www.210k.cc/wordpress-generate-rss-feed-urls/https://www.210k.cc/wordpress-generate-rss-feed-urls/最近在研究通过Pinterest给官网导流，需要使用一下“Bulk create Pins”的功能，顺带研究了一下wordpress生成rss feed的方式。 整站RSS Feed链接 wordpress默认有一个全站的feed，只要没有手动关闭，它就在那里，比如我这个博客整站rss链接就是： https://www.2...最近在研究通过Pinterest给官网导流，需要使用一下“Bulk create Pins”的功能，顺带研究了一下wordpress生成rss feed的方式。 整站RSS Feed链接 wordpress默认有一个全站的feed，只要没有手动关闭，它就在那里，比如我这个博客整站rss链接就是： https://www.2...Frankie 徐https://www.210k.cc/embed-product-pdf-catalog-in-wordpress-website/https://www.210k.cc/embed-product-pdf-catalog-in-wordpress-website/直接嵌入PDF文档，电脑端ok，但是手机端无法阅读 PDF Demo fileDownload 嵌入Google Drive在线文档 http://docs.google.com/viewer?url=https://drive.google.com/file/d/1PtJ8VOydvzyXnkMBZX...直接嵌入PDF文档，电脑端ok，但是手机端无法阅读 PDF Demo fileDownload 嵌入Google Drive在线文档 http://docs.google.com/viewer?url=https://drive.google.com/file/d/1PtJ8VOydvzyXnkMBZX...Frankie 徐https://www.210k.cc/prevent-text-selection-and-copy-in-wordpress/https://www.210k.cc/prevent-text-selection-and-copy-in-wordpress/最近，有位朋友我提出了一个问题，TA想知道如何在WordPress中防止文字选择和复制/粘贴？ 其实完全杜绝几乎是不可能的，但是可以通过一些技术手段，增加难度，让大部分人望而却步，这就像锁一样，锁得住君子，锁不住小人。 下面就分享两种简单的方法来实现这个功能。 方法一：通过自定义CSS代码 首先进入wordpress后台，...最近，有位朋友我提出了一个问题，TA想知道如何在WordPress中防止文字选择和复制/粘贴？ 其实完全杜绝几乎是不可能的，但是可以通过一些技术手段，增加难度，让大部分人望而却步，这就像锁一样，锁得住君子，锁不住小人。 下面就分享两种简单的方法来实现这个功能。 方法一：通过自定义CSS代码 首先进入wordpress后台，...Frankie 徐https://www.210k.cc/view-referral-url-in-google-analytics-4/https://www.210k.cc/view-referral-url-in-google-analytics-4/在使用GA4之后，要想和UA（Universal Analytics）一样快速查看referrer URL就不是那么容易了。 本文将带着大家一步一步的来在GA4中添加自定义报告，展示这项数据。 整体流程 添加自定义报表 在报表中，添加landing page和referrer两个维度的数据 在报表中添加所需要的事件数据，例...在使用GA4之后，要想和UA（Universal Analytics）一样快速查看referrer URL就不是那么容易了。 本文将带着大家一步一步的来在GA4中添加自定义报告，展示这项数据。 整体流程 添加自定义报表 在报表中，添加landing page和referrer两个维度的数据 在报表中添加所需要的事件数据，例...Frankie 徐https://www.210k.cc/how-to-turn-off-google-ads-auto-applied-recommendations/https://www.210k.cc/how-to-turn-off-google-ads-auto-applied-recommendations/今天我们要谈谈Google广告的自动应用建议以及如何关闭它们，特别是你发现下面几个现象，那就更加要关注一下了： 广告莫名其妙多出一些关键词 关键词匹配方式突然从精确匹配变成了广泛匹配 广告系列突然自动设置了Target CPA 其他你没有印象操作过的问题…… 很大可能都是Google Ads auto apply了它的一些...今天我们要谈谈Google广告的自动应用建议以及如何关闭它们，特别是你发现下面几个现象，那就更加要关注一下了： 广告莫名其妙多出一些关键词 关键词匹配方式突然从精确匹配变成了广泛匹配 广告系列突然自动设置了Target CPA 其他你没有印象操作过的问题…… 很大可能都是Google Ads auto apply了它的一些...Frankie 徐https://www.210k.cc/remove-woocommerce-add-to-cart-button-nofollow-tag/https://www.210k.cc/remove-woocommerce-add-to-cart-button-nofollow-tag/Woocommerce默认所有的产品列表页的add-to-cart按钮，或者是read more按钮，都加了rel="nofollow"的标签，正常来说是没有问题的。 但是对于我们B端朋友，网站不需要购物车功能，如果没有设置价格和库存，则这个“add to cart”就会显示为“READ MORE”，同样带了rel="no...Woocommerce默认所有的产品列表页的add-to-cart按钮，或者是read more按钮，都加了rel="nofollow"的标签，正常来说是没有问题的。 但是对于我们B端朋友，网站不需要购物车功能，如果没有设置价格和库存，则这个“add to cart”就会显示为“READ MORE”，同样带了rel="no...Frankie 徐https://www.210k.cc/save-customer-ip-location-on-wordpress/https://www.210k.cc/save-customer-ip-location-on-wordpress/外贸小伙伴们，当你们的客户在网站提交询盘的时候，你是否非常想知道客人是来自哪里？ 给大家分享一个非常简单的办法，可以实现这个效果： 在form中添加两个hidden input 这里为了清晰一点，分成了两个input框：一个用来记录city，一个用来记录国家 设置FF的邮件通知格式 在需要插入表单的位置，插入如下自定义js...外贸小伙伴们，当你们的客户在网站提交询盘的时候，你是否非常想知道客人是来自哪里？ 给大家分享一个非常简单的办法，可以实现这个效果： 在form中添加两个hidden input 这里为了清晰一点，分成了两个input框：一个用来记录city，一个用来记录国家 设置FF的邮件通知格式 在需要插入表单的位置，插入如下自定义js...Frankie 徐https://www.210k.cc/migrate-wordpress-site-to-siteground-in-5-minutes/https://www.210k.cc/migrate-wordpress-site-to-siteground-in-5-minutes/如果你的网站访问速度一直不理想，而没有办法来解决，那么把网站迁移到siteground是一个不错的选择。 我在这篇文章中讲述了为什么要推荐siteground主机：https://www.210k.cc/how-to-buy-siteground-wordpress-hosting-service/ 迁移网站对于新手来说，...如果你的网站访问速度一直不理想，而没有办法来解决，那么把网站迁移到siteground是一个不错的选择。 我在这篇文章中讲述了为什么要推荐siteground主机：https://www.210k.cc/how-to-buy-siteground-wordpress-hosting-service/ 迁移网站对于新手来说，...Frankie 徐https://www.210k.cc/yearly-cost-for-wordpress-website-hosting/https://www.210k.cc/yearly-cost-for-wordpress-website-hosting/本文将讨论外贸公司在建设WordPress网站时的成本考虑。作为外贸公司，大家对阿里又爱又恨，很多朋友都在创建自己的官网，并进行推广。在这里，我们将基于在美国托管的外贸网站，建站所需的成本。 同时包含了博主多年经验积累的wordpress建站资源，如果你对wordpress网站提速感兴趣，不妨阅读这批文章：使用Flying...本文将讨论外贸公司在建设WordPress网站时的成本考虑。作为外贸公司，大家对阿里又爱又恨，很多朋友都在创建自己的官网，并进行推广。在这里，我们将基于在美国托管的外贸网站，建站所需的成本。 同时包含了博主多年经验积累的wordpress建站资源，如果你对wordpress网站提速感兴趣，不妨阅读这批文章：使用Flying...Frankie 徐https://www.210k.cc/how-to-block-china-ip/https://www.210k.cc/how-to-block-china-ip/屏蔽国内IP访问是很多做外贸同行的硬需求，具体原因各种各样，但是归根结底：不希望同行、竞争对手访问自己的网站，查看、copy自己的新产品。 实现的方法有很多种，比如： 服务器端（Apache、NGINX） CDN服务端 使用云防火墙 web程序端 浏览器端 SiteGround强制屏蔽方法[不推荐] 这个方法有一个很不有好...屏蔽国内IP访问是很多做外贸同行的硬需求，具体原因各种各样，但是归根结底：不希望同行、竞争对手访问自己的网站，查看、copy自己的新产品。 实现的方法有很多种，比如： 服务器端（Apache、NGINX） CDN服务端 使用云防火墙 web程序端 浏览器端 SiteGround强制屏蔽方法[不推荐] 这个方法有一个很不有好...Frankie 徐https://www.210k.cc/auto-style-heading-with-number-prefix/https://www.210k.cc/auto-style-heading-with-number-prefix/.ct-text-block{counter-reset:h2;} .ct-text-block h2{counter-reset:h3;} .ct-text-block h2::before{content: counter(h2); counter-increment: h2; background: orangere....ct-text-block{counter-reset:h2;} .ct-text-block h2{counter-reset:h3;} .ct-text-block h2::before{content: counter(h2); counter-increment: h2; background: orangere...Frankie 徐https://www.210k.cc/how-to-buy-siteground-wordpress-hosting-service/https://www.210k.cc/how-to-buy-siteground-wordpress-hosting-service/博主前前后后使用过Bluehost、Godaddy、阿里云、Cloudways、Hostinger等网站主机，也有自己购买VPS搭建网站环境运行的经历，自从2021年开始，看到国外圈子里很多大佬推荐，于是把部分网站逐步搬到了SiteGround上来，目前在siteground（下面简称SG）上面有好几个Plan。 亲身试用...博主前前后后使用过Bluehost、Godaddy、阿里云、Cloudways、Hostinger等网站主机，也有自己购买VPS搭建网站环境运行的经历，自从2021年开始，看到国外圈子里很多大佬推荐，于是把部分网站逐步搬到了SiteGround上来，目前在siteground（下面简称SG）上面有好几个Plan。 亲身试用...Frankie 徐https://www.210k.cc/add-noindex-to-wordpress-search-result-pages/https://www.210k.cc/add-noindex-to-wordpress-search-result-pages/如果哪一天你突然在Bing Webmaster或者是Google站长（Google Search Console）发现了类似下面的垃圾链接被收录了，千万别紧张，看完本文，就能避免出现这种情况。 出现原因 WordPress默认有一个搜索结果页，格式是：https://www.xxxxxx.com/search/搜索关键词 ...如果哪一天你突然在Bing Webmaster或者是Google站长（Google Search Console）发现了类似下面的垃圾链接被收录了，千万别紧张，看完本文，就能避免出现这种情况。 出现原因 WordPress默认有一个搜索结果页，格式是：https://www.xxxxxx.com/search/搜索关键词 ...Frankie 徐https://www.210k.cc/wordpress-modal-popups/https://www.210k.cc/wordpress-modal-popups/询盘弹窗（点击某个按钮后弹出） 挽留弹窗 欢迎投稿： 如果您发现有好的弹窗，欢迎在评论中留下链接地址。 我会在这个测试站点中把它复刻出来，然后分享模板。询盘弹窗（点击某个按钮后弹出） 挽留弹窗 欢迎投稿： 如果您发现有好的弹窗，欢迎在评论中留下链接地址。 我会在这个测试站点中把它复刻出来，然后分享模板。Frankie 徐https://www.210k.cc/wordpress-add-social-share-buttons-without-plugins/https://www.210k.cc/wordpress-add-social-share-buttons-without-plugins/<div class="social-share-wrapper"> <a href="https://www.facebook.com/sharer/sharer.php?u=&t=" class="social-share-button social-share-button-fb" title=...<div class="social-share-wrapper"> <a href="https://www.facebook.com/sharer/sharer.php?u=&t=" class="social-share-button social-share-button-fb" title=...Frankie 徐https://www.210k.cc/add-dynamic-year-to-blog-title/https://www.210k.cc/add-dynamic-year-to-blog-title/code snippets中，插入如下代码即可，类型选择html，然后在标题中插入快捷代码：[code_snippet id=4 php format]此方法生成的年份，会默认带p标签，需要手动添加一条css使他display:inline，否则会另起一行 使用code snippets插件，添加如下代码，在前端执行即可：...code snippets中，插入如下代码即可，类型选择html，然后在标题中插入快捷代码：[code_snippet id=4 php format]此方法生成的年份，会默认带p标签，需要手动添加一条css使他display:inline，否则会另起一行 使用code snippets插件，添加如下代码，在前端执行即可：...Frankie 徐https://www.210k.cc/build-own-wp-css-frameworks-elements/https://www.210k.cc/build-own-wp-css-frameworks-elements/构建自己的CSS Frameworks之常用elements构建自己的CSS Frameworks之常用elementsFrankie 徐https://www.210k.cc/build-own-wp-css-frameworks-variables/https://www.210k.cc/build-own-wp-css-frameworks-variables/Color /* */ Dimensions /* space */ Percentage /* */Color /* */ Dimensions /* space */ Percentage /* */Frankie 徐https://www.210k.cc/build-own-wp-css-frameworks-classes/https://www.210k.cc/build-own-wp-css-frameworks-classes/width--50 Sets max-width to 50% of vp-max. width--auto Sets width to auto. Very useful for grids that shouldn't be 100% width. width--full Sets max-width to 100%....width--50 Sets max-width to 50% of vp-max. width--auto Sets width to auto. Very useful for grids that shouldn't be 100% width. width--full Sets max-width to 100%....Frankie 徐https://www.210k.cc/google-ads-keywords-close-variant-match/https://www.210k.cc/google-ads-keywords-close-variant-match/TypesKeywordMatched QueryMisspellingOptmyzrOptmyzerPlural, SingularKeyword ToolKeyword ToolsStemmingAd managementAd ManagerAbbreviationPay per clickPPCAccentsrésu...TypesKeywordMatched QueryMisspellingOptmyzrOptmyzerPlural, SingularKeyword ToolKeyword ToolsStemmingAd managementAd ManagerAbbreviationPay per clickPPCAccentsrésu...Frankie 徐https://www.210k.cc/improve-wordpress-site-speed-with-flyingpress-and-cdn/https://www.210k.cc/improve-wordpress-site-speed-with-flyingpress-and-cdn/FlyingPress安装指南（后面简称FP，最好用的wordpress缓存插件，没有之一） 注册及购买链接：https://flying-press.com/ 点击跳转到FlyingPress官网 第一步：先停用现有的缓存插件，例如： siteground optimizer lightspeed c...FlyingPress安装指南（后面简称FP，最好用的wordpress缓存插件，没有之一） 注册及购买链接：https://flying-press.com/ 点击跳转到FlyingPress官网 第一步：先停用现有的缓存插件，例如： siteground optimizer lightspeed c...Frankie 徐https://www.210k.cc/wordpress-force-pdf-download/https://www.210k.cc/wordpress-force-pdf-download/做B端的朋友，经常有需求把产品目录放在网站，供客人下载，或者是借用PDF文档获得leads。 0. 问题 如果用下面的a标签直接插入pdf文档的链接，浏览器会直接打开pdf文档，客人虽然也可以下载，但还是不如直接弹出下载保存对话框来的方便。 <a href="/wp-content/upload/...做B端的朋友，经常有需求把产品目录放在网站，供客人下载，或者是借用PDF文档获得leads。 0. 问题 如果用下面的a标签直接插入pdf文档的链接，浏览器会直接打开pdf文档，客人虽然也可以下载，但还是不如直接弹出下载保存对话框来的方便。 <a href="/wp-content/upload/...Frankie 徐https://www.210k.cc/curl-command/https://www.210k.cc/curl-command/其中，-I选项表示只输出HTTP头信息，而不下载整个页面内容。 <URL>是要测试的网址。 如果该网址有301/302重定向，curl会输出HTTP头信息，以及重定向后的URL地址。例如： curl -I <url> #>curl -I https://www.xxx.com/index....其中，-I选项表示只输出HTTP头信息，而不下载整个页面内容。 <URL>是要测试的网址。 如果该网址有301/302重定向，curl会输出HTTP头信息，以及重定向后的URL地址。例如： curl -I <url> #>curl -I https://www.xxx.com/index....Frankie 徐https://www.210k.cc/woocommerce-order-tracking-without-plugins/https://www.210k.cc/woocommerce-order-tracking-without-plugins/最近帮一个朋友（甲方）用WooCommerce做了一个B2C的网站，在PayPal对接完并沙盒测试成功后，朋友说希望能让客人在买家账号的orders页面可以直接看到物流信息。 于是经过一番搜索，发现WooCommerce官方提供了付费的扩展，$49/年，或者其他的付费扩展也可以实现这个功能。 考虑到朋友刚刚开始创业，经费也...最近帮一个朋友（甲方）用WooCommerce做了一个B2C的网站，在PayPal对接完并沙盒测试成功后，朋友说希望能让客人在买家账号的orders页面可以直接看到物流信息。 于是经过一番搜索，发现WooCommerce官方提供了付费的扩展，$49/年，或者其他的付费扩展也可以实现这个功能。 考虑到朋友刚刚开始创业，经费也...Frankie 徐https://www.210k.cc/html-special-characters/https://www.210k.cc/html-special-characters/Number CodeEntity CodeCharacterDescription"""Quotation Mark&&&Ampersand/⁄/Slash<<<Less Th...Number CodeEntity CodeCharacterDescription"""Quotation Mark&&&Ampersand/⁄/Slash<<<Less Th...Frankie 徐https://www.210k.cc/active-versus-passive-voice/https://www.210k.cc/active-versus-passive-voice/Original:https://owl.purdue.edu/owl/general_writing/academic_writing/active_and_passive_voice/active_versus_passive_voice.html Active voice is used for most non-s...Original:https://owl.purdue.edu/owl/general_writing/academic_writing/active_and_passive_voice/active_versus_passive_voice.html Active voice is used for most non-s...Frankie 徐https://www.210k.cc/how-to-connect-paypal-with-wocommerce-and-test/https://www.210k.cc/how-to-connect-paypal-with-wocommerce-and-test/1. 安装WooCommerce PayPal Payments插件 2. 安装插件绑定PayPal 3. 沙盒测试 官方文档： https://developer.paypal.com/tools/sandbox/ 开sandbox账号 https://developer.paypal.com/dashboard/acc...1. 安装WooCommerce PayPal Payments插件 2. 安装插件绑定PayPal 3. 沙盒测试 官方文档： https://developer.paypal.com/tools/sandbox/ 开sandbox账号 https://developer.paypal.com/dashboard/acc...Frankie 徐https://www.210k.cc/siteground-lost-image-solution/https://www.210k.cc/siteground-lost-image-solution/从临时域名切换到主域名、并启用webp后，附件中的webp格式图片全部丢失了。 咨询SG人工，得到的答案是开了webp之后，如果把它关闭，所有自动生成的图片文件都会同步被删掉。 解决方案 还好siteground每天会自动备份数据，请客服帮忙恢复数据后，SG客服同时给出了两个建议，总结起来就是两句话： 这个开关在建站之初就...从临时域名切换到主域名、并启用webp后，附件中的webp格式图片全部丢失了。 咨询SG人工，得到的答案是开了webp之后，如果把它关闭，所有自动生成的图片文件都会同步被删掉。 解决方案 还好siteground每天会自动备份数据，请客服帮忙恢复数据后，SG客服同时给出了两个建议，总结起来就是两句话： 这个开关在建站之初就...Frankie 徐https://www.210k.cc/css-pencil/https://www.210k.cc/css-pencil/<span class="taper"></span> <span class="barrel">BRIGHTEX STUDIO</span> <span class="eraser"></span> </div> CSS代码 .pencil{ width:50em; height...<span class="taper"></span> <span class="barrel">BRIGHTEX STUDIO</span> <span class="eraser"></span> </div> CSS代码 .pencil{ width:50em; height...Frankie 徐https://www.210k.cc/remove-the-default-category-from-wordpress-archieve-title/https://www.210k.cc/remove-the-default-category-from-wordpress-archieve-title/add_filter( 'get_the_archive_title_prefix', '__return_false' ); 安装Code Snippets插件 新增一个new snippet，复制上面代码add_filter( 'get_the_archive_title_prefix', '__return_false' ); 安装Code Snippets插件 新增一个new snippet，复制上面代码Frankie 徐https://www.210k.cc/rewrite-with-custom-htaccess/https://www.210k.cc/rewrite-with-custom-htaccess/Redirect 301 /html_info/Service.html /service/ Redirect 301 /e_aboutus/ /about-eco-drinkware/ Redirect 301 /e_contact/ /contact-us/ Redirect 301 /index_en.html / ...Redirect 301 /html_info/Service.html /service/ Redirect 301 /e_aboutus/ /about-eco-drinkware/ Redirect 301 /e_contact/ /contact-us/ Redirect 301 /index_en.html / ...Frankie 徐https://www.210k.cc/set-div-height-to-parent-height/https://www.210k.cc/set-div-height-to-parent-height/设置子容器的高度，根据父容器的高度来决定 父容器设置 div.parent{ position:relative; overflow:hidden; } 子容器设置 div.child{ position:absolute; width:100%; heigh...设置子容器的高度，根据父容器的高度来决定 父容器设置 div.parent{ position:relative; overflow:hidden; } 子容器设置 div.child{ position:absolute; width:100%; heigh...Frankie 徐https://www.210k.cc/adjust-icon-vertical-position-of-elementor-list/https://www.210k.cc/adjust-icon-vertical-position-of-elementor-list/在list的一行内容写不下的时候，list左边的icon就自动到文本中间了，很难看： 在list的advanced标签中，加入如下自定义css代码，即可把所有的icon靠上对齐 .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor...在list的一行内容写不下的时候，list左边的icon就自动到文本中间了，很难看： 在list的advanced标签中，加入如下自定义css代码，即可把所有的icon靠上对齐 .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor...Frankie 徐https://www.210k.cc/elementor-disable-google-fonts/https://www.210k.cc/elementor-disable-google-fonts/add_filter( 'elementor/frontend/print_google_fonts', '__return_false' ); 另外，由于WordPress后台加载的时候，elementor默认也用了Google font （roboto），同样需要禁用它，不然一样非常慢。 附elementor官方说明：...add_filter( 'elementor/frontend/print_google_fonts', '__return_false' ); 另外，由于WordPress后台加载的时候，elementor默认也用了Google font （roboto），同样需要禁用它，不然一样非常慢。 附elementor官方说明：...Frankie 徐https://www.210k.cc/add-back-to-top-button-manually-with-elementor/https://www.210k.cc/add-back-to-top-button-manually-with-elementor/选中第一个section在 Advanced tab的css id中，输入一个自定义的id名，例如top在需要的位置拖入一个button，设置button的位置，把它固定在页脚（Sticky Scrolling Effect）button的文字写top，或者向上的图标链接设置为#top  原文地址： h...选中第一个section在 Advanced tab的css id中，输入一个自定义的id名，例如top在需要的位置拖入一个button，设置button的位置，把它固定在页脚（Sticky Scrolling Effect）button的文字写top，或者向上的图标链接设置为#top  原文地址： h...Frankie 徐https://www.210k.cc/edit-woocommerce-default-shop-page-description-manually/https://www.210k.cc/edit-woocommerce-default-shop-page-description-manually/woocommerce shop page默认的描述文字是： This is where you can browse products in this store.” 而且在很多主题上没法找到默认的修改路径。 其实手动修改也比较简单： 找到文件：public_html > wp-content > plugins > w...woocommerce shop page默认的描述文字是： This is where you can browse products in this store.” 而且在很多主题上没法找到默认的修改路径。 其实手动修改也比较简单： 找到文件：public_html > wp-content > plugins > w...Frankie 徐https://www.210k.cc/how-to-create-b2b-product-display-website-with-woocommerce/https://www.210k.cc/how-to-create-b2b-product-display-website-with-woocommerce/第一种，如果熟悉代码，可以直接改主题的php文件，代码如下： // Disable purchase add_filter( 'woocommerce_is_purchasable', '__return_false'); remove_action( 'woocommerce_single_product_summary...第一种，如果熟悉代码，可以直接改主题的php文件，代码如下： // Disable purchase add_filter( 'woocommerce_is_purchasable', '__return_false'); remove_action( 'woocommerce_single_product_summary...Frankie 徐https://www.210k.cc/custom-404-page-with-astra-pro-or-elementor-pro/https://www.210k.cc/custom-404-page-with-astra-pro-or-elementor-pro/创建一个custom layout，layout类型选404用elementor或者默认编辑器设计404页面 参考视频 方法二、通过Elementor Pro 操作步骤 创建一个template，类型选404用elementor编辑编辑完成后，设置显示条件，依然选404 Page 参考视频创建一个custom layout，layout类型选404用elementor或者默认编辑器设计404页面 参考视频 方法二、通过Elementor Pro 操作步骤 创建一个template，类型选404用elementor编辑编辑完成后，设置显示条件，依然选404 Page 参考视频Frankie 徐https://www.210k.cc/add-whatsapp-buttong-to-wordpress-without-plugins/https://www.210k.cc/add-whatsapp-buttong-to-wordpress-without-plugins/大家做外贸网站，都需要能让客人方便随时联系我们，比如添加whatsapp聊天按钮，常用的方法是通过插件来解决，但是网站插件多了影响网站速度。大家做外贸网站，都需要能让客人方便随时联系我们，比如添加whatsapp聊天按钮，常用的方法是通过插件来解决，但是网站插件多了影响网站速度。Frankie 徐https://www.210k.cc/bulk-convert-jpg-png-to-webp-via-command-line/https://www.210k.cc/bulk-convert-jpg-png-to-webp-via-command-line/三、在需要转换的图片目录，选择打开Powershell窗口，输入以下命令即可： 同时按照Ctrl+shift+鼠标右键(右击目录名、或者文件夹中任何空白的地方也可以） 命令如下： $dir = "./";$images = Get-ChildItem $dir;foreach ($img in $images) {$out...三、在需要转换的图片目录，选择打开Powershell窗口，输入以下命令即可： 同时按照Ctrl+shift+鼠标右键(右击目录名、或者文件夹中任何空白的地方也可以） 命令如下： $dir = "./";$images = Get-ChildItem $dir;foreach ($img in $images) {$out...Frankie 徐https://www.210k.cc/send-whatsapp-messages-without-adding-contacts/https://www.210k.cc/send-whatsapp-messages-without-adding-contacts/不知道大家有没有这样一个别扭的感觉，在电脑上、订单后台、网页上找到老外的手机号，想要给ta发whatsapp信息，总是要复制号码>用微信发到手机上>在手机上复制号码>添加到通讯录>在whatsapp中找到ta>发信息，相当麻烦。不知道大家有没有这样一个别扭的感觉，在电脑上、订单后台、网页上找到老外的手机号，想要给ta发whatsapp信息，总是要复制号码>用微信发到手机上>在手机上复制号码>添加到通讯录>在whatsapp中找到ta>发信息，相当麻烦。Frankie 徐https://www.210k.cc/hot-products-on-alibaba/https://www.210k.cc/hot-products-on-alibaba/搜索把下面网址中加粗的部分替换成产品关键词，系统会自动跳到关键词对应类目的爆品。 作为选品参考。 https://www.alibaba.com/trade/search?spm=a2700.galleryofferlist.0.0.275a290009oRzD&SearchScene=themePage&...搜索把下面网址中加粗的部分替换成产品关键词，系统会自动跳到关键词对应类目的爆品。 作为选品参考。 https://www.alibaba.com/trade/search?spm=a2700.galleryofferlist.0.0.275a290009oRzD&SearchScene=themePage&...Frankie 徐https://www.210k.cc/js-code-for-visitor-keywords/https://www.210k.cc/js-code-for-visitor-keywords/在chrome浏览器中，按下F12，在console面板执行下面代码： var x = document.getElementsByClassName("td-search-keywords align-left"); var y = []; var z = []; for (var i = 0; i &l...在chrome浏览器中，按下F12，在console面板执行下面代码： var x = document.getElementsByClassName("td-search-keywords align-left"); var y = []; var z = []; for (var i = 0; i &l...Frankie 徐https://www.210k.cc/check-visitor-geoip-and-redirect/https://www.210k.cc/check-visitor-geoip-and-redirect/var returnCitySN = {"cip": "113.110.210.117", "cid": "440300", "cname": "广东省深圳市"}; 屏蔽某个城市的IP <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script&...var returnCitySN = {"cip": "113.110.210.117", "cid": "440300", "cname": "广东省深圳市"}; 屏蔽某个城市的IP <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script&...Frankie 徐https://www.210k.cc/custom-parser-for-clash/https://www.210k.cc/custom-parser-for-clash/- url: https://************************************* yaml: prepend-rules: - DOMAIN-SUFFIX,xxx.com,PROXY- url: https://************************************* yaml: prepend-rules: - DOMAIN-SUFFIX,xxx.com,PROXYFrankie 徐https://www.210k.cc/woocommerce-query-product-categories/https://www.210k.cc/woocommerce-query-product-categories/[product_categories number="16"] 遍历产品 [product_category category="men" per_page="3" columns="3" orderby="date" order="desc"] 指定产品ID显示 [products ids="" skus="001,0...[product_categories number="16"] 遍历产品 [product_category category="men" per_page="3" columns="3" orderby="date" order="desc"] 指定产品ID显示 [products ids="" skus="001,0...Frankie 徐https://www.210k.cc/download-youtube-video-tool/https://www.210k.cc/download-youtube-video-tool/逛油管的时候，都有这样的经历，介于不可描述的原因，在看到比较好的视频或者up主之后，希望把YouTube视频下载下来，方便随时观看学习。 下面这款工具使得操作非常简单，可以一键下载单个视频、导出播放列表逐个下载、甚至下载整个频道也没有问题。 先上链接： https://youtubemultidownloader.net/...逛油管的时候，都有这样的经历，介于不可描述的原因，在看到比较好的视频或者up主之后，希望把YouTube视频下载下来，方便随时观看学习。 下面这款工具使得操作非常简单，可以一键下载单个视频、导出播放列表逐个下载、甚至下载整个频道也没有问题。 先上链接： https://youtubemultidownloader.net/...Frankie 徐https://www.210k.cc/instant-data-scraping-extension/https://www.210k.cc/instant-data-scraping-extension/Instant Data Scraping Extension 是一个chrome插件，可以抓取页面上的表格数据，导出excel或者csv，同时支持无限滚动、分页、自定义延迟等功能。Instant Data Scraping Extension 是一个chrome插件，可以抓取页面上的表格数据，导出excel或者csv，同时支持无限滚动、分页、自定义延迟等功能。Frankie 徐