itisuniqueofficial-gh/js-obfuscation-tools

# JS 混淆工具 针对 GitHub Pages 优化的高生产就绪型 Jekyll 静态站点，提供 JavaScript 混淆和反混淆工具。 演示站点：`https://itisuniqueofficial-gh.github.io/js-obfuscation-tools/` ## 概述 本项目提供两个基于浏览器的开发者工具： - `HEX + Base64 JS 混淆器` - `JS 反混淆器` 该站点完全静态化，兼容 GitHub Pages，采用可复用的 Jekyll 项目结构，包含共享布局、包含文件和一个小型设计系统。 ## 功能 - 兼容 Jekyll 的项目结构 - 支持 GitHub Pages 部署 - 共享布局和包含文件 - 响应式 UI 设计系统 - 深色模式支持 - 基础 SEO 配置 - 基础 PWA 支持（含清单文件和服务 worker） - 纯浏览器处理，无需后端 ## 项目结构 ``` _config.yml _includes/ card.html footer.html header.html hero.html nav.html tool-panel.html _layouts/ default.html page.html post.html assets/ css/ main.css js/ main.js deobfuscator.html index.html manifest.webmanifest robots.txt service-worker.js sitemap.xml README.md ``` ## 本地开发 ### 前置条件 - Ruby - Bundler - Jekyll ### 安装 ``` gem install bundler jekyll ``` ### 本地运行 ``` jekyll serve ``` 然后打开： ``` http://127.0.0.1:4000/js-obfuscation-tools/ ``` 如需在本地获得与 GitHub Pages 相同的体验，请在 `Gemfile` 中使用 `github-pages` gem 并通过 Bundler 运行。 ## GitHub Pages 配置 当前 Pages 设置： - 分支：`master` - 文件夹：`/`（根目录） - 网址：`https://itisuniqueofficial-gh.github.io/js-obfuscation-tools/` 重要的 `_config.yml` 配置值： ``` url: "https://itisuniqueofficial-gh.github.io" baseurl: "/js-obfuscation-tools" ``` ## 设计系统说明 UI 在保留原有开发者工具属性的同时，改进了结构和一致性。 - 间距采用基于 4px/8px 的令牌化刻度 - 排版使用响应式 `clamp()` 尺寸 - 布局采用可复用的 hero、工作区和卡片模式 - 深色模式通过 CSS 变量实现 - 组件基于可复用的 Jekyll 包含文件构建 ## 无障碍设计 - 语义化地标 - 键盘友好导航 - 跳转链接支持 - 无障碍状态消息 - 两种主题下对比度均有改善 ## SEO 和 PWA - 规范网址 - Open Graph 和 Twitter 元数据 - `robots.txt` - `sitemap.xml` - `manifest.webmanifest` - `service-worker.js` ## 注意事项 - 工具完全在浏览器中处理输入。 - 不使用后端或数据存储。 - 生成的混淆格式适用于轻量级编码工作流程，而非强安全场景。 ## 许可证 请添加您偏好的许可证以供公开复用和分发。

标签：Base64编码, DNS 反向解析, GitHub Pages, HEX编码, JavaScript工具, JavaScript混淆器, Jekyll, PWA, Ruby, SEO优化, Syscall, Web开发, 代码混淆, 前端工具, 反混淆工具, 后端开发, 响应式设计, 多模态安全, 威胁情报, 开发者工具, 数据可视化, 暗色模式, 知识库, 静态网站, 静态网站生成器