Web 与 DevOps 工具

ArrayKit 的 Web 与 DevOps 工具可以生成开发者、DevOps 工程师和站长在网站上线前所需的配置、响应头、标签和 CSS。服务器方面，“Nginx 配置生成器”为静态站点或反向代理构建 server 块，“.htaccess 生成器”编写 Apache 的重定向、压缩和缓存规则，另有配套工具用于生成 301 重定向映射、CSP 与 Cache-Control 响应头以及 .htpasswd 文件。搜索与分享方面，“robots.txt 生成器”、“XML Sitemap 生成器”和“Meta 标签生成器”可生成爬虫和社交网络读取的文件与标签，还有一款工具专门编写 schema.org JSON-LD。前端方面，“配色生成器”可构建配色方案并导出为 CSS、Tailwind 或 JSON，“CSS渐变生成器”和“CSS Box Shadow 生成器”会在你调整实时预览时同步写出 CSS，其他工具还能处理 Tailwind 色阶、网格布局、clamp() 流式尺寸、缓动曲线和圆角，“宽高比计算器”则可按任意比例求出宽度和高度。日常杂活同样不在话下：“chmod 计算器”在八进制和 rwx 写法之间转换 Unix 权限，其他工具还能生成 .gitignore 和 .editorconfig 文件、比较语义化版本号、把 HTML 转成 JSX 或把查询字符串转成 JSON，并列出 HTTP 状态码和 MIME 类型。每个工具都在你的浏览器中运行，因此你输入的域名、路径、密码和标记都在你的设备上处理，绝不会上传。

• chmod 计算器 — 在八进制与符号（rwx）之间转换 Unix 文件权限。
• .gitignore 生成器 — 从常见的语言和工具模板创建 .gitignore。
• HTTP 状态码与 MIME 类型 — HTTP 状态码和 MIME 内容类型的可搜索参考。
• Open Graph 生成器 — 生成 Open Graph 和 Twitter 元标签，并预览社交卡片。
• robots.txt 生成器 — 可视化构建带 User-agent 规则与 sitemap 的 robots.txt。
• XML Sitemap 生成器 — 将一组 URL 转换为符合标准的 sitemap.xml。
• .htaccess 生成器 — 通过开关构建 Apache 重写、重定向与安全响应头。
• Nginx 配置生成器 — 通过简单开关构建完整的 nginx server 块。
• Semver 计算器 — 解析、比较、范围检查、递增并强制转换语义化版本。
• Cache-Control 头生成器 — 用简单开关构建正确的 HTTP Cache-Control 头。
• Meta 标签生成器 — 在浏览器中通过表单生成 SEO、Open Graph 和 Twitter Card meta 标签。
• CSP 生成器 — 在浏览器中逐条指令地构建 Content-Security-Policy 请求头，并生成 meta、nginx 和 Apache 片段。
• htpasswd 生成器 — 在浏览器中用用户名和密码以 bcrypt 或 SHA-1 生成一行 .htpasswd 记录。
• Tailwind 配色生成器 — 把一个品牌色转换为完整的 OKLCH 50-950 色阶
• CSS Grid 生成器 — 可视化设计网格并复制 grid-template CSS
• CSS clamp() 计算器 — 把尺寸和视口宽度转换为流式 clamp() 值
• cubic-bezier() 生成器 — 拖动控制点塑造 CSS 缓动曲线并复制
• 重定向映射生成器 — 把旧→新 URL 列表转换为多平台 301 规则
• JSON-LD 生成器 — 为 Article、Product、FAQ 等构建有效的 schema.org JSON-LD。
• 查询字符串转 JSON — 将 URL 查询字符串转换为美观 JSON，并可反向转换。
• HTML 转 JSX 转换器 — 把 HTML 转换为有效的 React JSX，class 变 className。
• CSS渐变生成器 — 通过实时色标设计线性、径向和圆锥渐变。
• CSS Box Shadow 生成器 — 实时预览创建多层 CSS 阴影
• Border Radius 生成器 — 通过实时预览创建简单、逐角或不规则形状的 CSS border-radius
• .editorconfig 生成器 — 通过缩进、字符集和换行生成 .editorconfig。
• 宽高比计算器 — 简化比例、求解缺失尺寸，并提供CSS代码。
• 配色生成器 — 生成和谐的调色板：锁定颜色、选择配色规则、复制 HEX，并导出 CSS、Tailwind 或 JSON。

常见问题

这些 Web 与 DevOps 工具能做什么？

生成服务器配置和响应头（nginx、.htaccess、301 重定向映射、CSP、Cache-Control 和 .htpasswd），产出 SEO 文件和标记（robots.txt、sitemap.xml、meta 与 Open Graph 标签、JSON-LD），以及编写渐变、阴影、网格、流式尺寸、圆角和缓动曲线的 CSS。其余工具涵盖配色方案和 Tailwind 色阶、宽高比、HTML 转 JSX、查询字符串、.gitignore 和 .editorconfig 文件、chmod 权限、语义化版本，以及可搜索的 HTTP 状态码和 MIME 类型列表。

可以生成哪些服务器配置和响应头？

“Nginx 配置生成器”为静态站点或反向代理构建 server 块，可选 SSL、gzip 和缓存；“.htaccess 生成器”编写 Apache 的 HTTPS 与 www 重定向、压缩、缓存和安全响应头；“htpasswd 生成器”用 bcrypt 或 SHA-1 为 .htpasswd 生成一行哈希。“重定向映射生成器”把新旧 URL 对照列表转换成适用于 nginx、Apache、Netlify、Vercel 或 Cloudflare 的 301 规则，“CSP 生成器”和“Cache-Control 头生成器”则给出响应头本身，以及可直接粘贴的 nginx、Apache 和 meta 标签版本。

这些工具能帮助做技术 SEO 吗？

能，主要针对搜索引擎读取的文件和标记。“robots.txt 生成器”控制爬虫可以访问哪些路径，“XML Sitemap 生成器”把 URL 列表转换成 sitemap.xml，“Meta 标签生成器”和“Open Graph 生成器”编写标题、描述和社交标签并提供卡片预览，“JSON-LD 生成器”则为文章、产品、常见问题、活动等构建 schema.org 结构化数据。它们不会抓取你的网站，也不检查排名，因此 URL 和内容需要你自己提供。

输入内部主机名、路径或密码安全吗？

安全。每个工具都在你的浏览器中运行，因此主机名、上游地址、重定向列表、密码和标记都在你的设备上处理，绝不会上传，“htpasswd 生成器”也是在本地对密码做哈希。不过，Open Graph 和 Meta 标签生成器中的社交卡片预览会像任何网页一样加载你输入的图片 URL。即便如此，也请不要把私钥填进网页表单；“Nginx 配置生成器”只需要证书和私钥的文件路径。

生成的配置可以直接使用吗？

它们使用标准语法，但配置的实际效果取决于你的服务器版本、已启用的模块和现有规则，所以部署前请先测试。粘贴服务器配置后运行 nginx -t 或 apachectl configtest；新的 Content-Security-Policy 先以 report-only 模式上线（“CSP 生成器”提供了相应开关）；载入重定向映射后，再试着访问几个旧 URL。生成的 CSS 是当前浏览器都支持的标准 CSS。