找到
17
篇与
网站建设
相关的结果
-
一键使用远程火狐浏览器来上Google来查收录情况 🦊 火狐浏览器还能这么玩？在服务器上跑个远程版，真香！🔥 大家熟知的 Firefox（火狐），其实还可以塞进服务器里，通过 VNC 远程访问。 简单说就是：你控制的是一个住在云端的浏览器 🌐 原仓库地址 下载地址：https://github.com/jlesage/docker-firefox 提取码： ❓ 这玩意儿能干吗？为啥不直接用电脑浏览器？ 好问题！一开始我也觉得多此一举，直到发现一个神仙用法： 如果你的服务器在境外，那这个远程火狐就可以直连 Google， 不需要任何 VPN、代理，嗖的一下就能打开Google 搜索、Google Console， 检查博客收录、看 Search Console 数据，就跟在本地用一样丝滑～ 💨 mljjpbi3.png图片 👉 相当于你拥有一个永不关机的海外浏览器，随时掏出来用 VNC 连上去干活！ 🚀 一键 Run 起来 先把容器环境准备好，然后执行下面这行命令 👇 docker run -d \ --name=firefox \ -p 5800:5800 \ -v /docker/appdata/firefox:/config:rw \ -e ENABLE_CJK_FONT=1 \ -e LANG=zh_CN.UTF-8 \ jlesage/firefox🧩 参数都是干啥的？拆开看看！ 参数作用备注-e TZ=Asia/Hong_Kong设置时区避免时间错乱 🕒-e DISPLAY_WIDTH=1920 -e DISPLAY_HEIGHT=1080分辨率想要 4K？自己改数字～-e KEEP_APP_RUNNING=1保持运行关了浏览器窗口也不退出 ✅-e ENABLE_CJK_FONT=1中文字体支持告别乱码，舒服看中文 📝-e LANG=zh_CN.UTF-8界面语言设置成中文（舒服！）-e SECURE_CONNECTION=1启用 HTTPSWeb 访问更安全 🔒-e VNC_PASSWORD=adminVNC 密码自己改个复杂点的！-p 5800:5800HTTP 访问端口浏览器里打开网页版界面 🌍-p 5900:5900VNC 端口用 VNC 客户端连上来-v /data/firefox/config:/config:rw挂载配置目录书签、密码全存下来，重启不丢 💾--shm-size 2g共享内存跑复杂页面不卡，给足 2G 🧠🛡️ 防火墙小贴士 如果你只想本机访问，不想暴露到公网，可以把端口映射改成： -p 127.0.0.1:5800:5800 这样只有服务器自己才能连，更安全 👍 🎉 最后说两句 这种“云端火狐”其实还有很多玩法： 跑自动化脚本（搭配 Selenium） 多人共享一个浏览器环境 临时需要一个干净的浏览器，不想装软件 总之，一旦用上就回不去了 😎 你也赶紧试试吧，有问题欢迎留言交流～
-
把1panel的Docker 导出到宝塔的Docker 🐳 救命！从1panel搬家到宝塔，Docker折腾死我了！😫 今天也不知道哪根筋搭错了🤪，看着1panel那个面板越看越不顺眼，突然就想：换！马上换宝塔！ 💢 📦 第一步：从1panel导出 1️⃣ 打开你的1panel面板 2️⃣ 找到 容器 → 更多 → 制作镜像 mli08umo.png图片 3️⃣ 【敲黑板！重点来了！】 🚨 1.点开 容器 → 更多 → 数据卷 2.找到挂载点，瞅一眼存档位置在哪 👀 3.然后——把所有数据卷全部压缩下载导出！ 一个都别落下！💾 mli06g35.png图片 💡 别问我为啥要这一步，问就是踩过坑了😭🚚 第二步：宝塔那边怎么搞？ 1️⃣ 打开你的宝塔面板 2️⃣ Docker → 镜像 → 导入镜像（把刚刚1panel导出的镜像扔进去） mli0f080.png图片 3️⃣ 创建容器 —— 这一步应该不用教了吧？🤔 4️⃣ 【第二个重点！拿小本本记下来！】 📝 Docker → 存储卷 🔍 找到你那个项目的地址 开一个新窗口，文件管理直接输入路径 mli079po.png图片 把1panel导出的文件，一股脑全覆盖进去！ 💪 mli0851e.png图片 5️⃣ 【最后一步！】 重启！重启！重启！ 重要的事情说三遍！🔄 🎉 搞定！ 折腾了一下午，终于搞定了... 看着宝塔那个熟悉的面板，突然觉得——还是原来的配方，还是熟悉的味道～ 🥰 📌 划重点总结： ✅ 1panel导出：镜像 + 数据卷 ✅ 宝塔导入：镜像 → 容器 → 覆盖存储卷 → 重启 ❌ 别偷懒只导镜像，不然数据没了哭都来不及😱 🤔 等等，我好像悟了... 话说回来，宝塔导1panel，1panel导宝塔，不都是Docker吗？ 这玩意儿难道还能有差别？🧐 💣 其实真相是这样的 很多人（包括博主本人）一开始都以为： Docker镜像 = Ghost备份 💿Ghost： 整个C盘给你端走，注册表、文档、桌面壁纸、甚至你八百年前忘删的迅雷安装包，全在里面躺着。 Docker镜像： 呵，想多了🙃 你只是把“刚装好系统的那一刻”打包了。 你后来存的论文📄、下的电影🎬、浏览器收藏夹🔖，全在另一个分区——也就是数据卷里，压根没跟你走。 🔄 所以正确的搬家姿势其实是： 🏠 1panel → 宝塔 1panel端： ✅ 导出镜像 ✅ 导出存储卷 宝塔端： ✅ 导入镜像 ✅ 导入存储卷 🏢 宝塔 → 1panel 反过来也一样： ✅ 宝塔导出镜像 ✅ 宝塔导出存储卷 ✅ 1panel导入镜像 ✅ 1panel导入存储卷
-
给你的博客添加一个举报系统来举报自己（免数据库） 举报管理系统 - 完整技术文档 注意，该程序由AI生成 默认密码：123456 一款轻量级无数据库（文件存储）的举报提交、结果查询与管理员后台管理系统，无需搭建数据库环境，直接部署即可使用举报系统下载 下载地址：https://github.com/fghdz/ReportManagementSystem-PHP-# 提取码： mjs7mfsh.png图片 mjs7nthd.png图片 mjs7rbgw.png图片 mjs7xgqt.png图片 一、系统概述 1.1 核心功能 该系统包含三大核心模块，实现举报业务的全流程覆盖，无需依赖 MySQL、MongoDB 等数据库，通过本地文本文件存储数据，部署便捷、轻量化运行： 举报提交模块：用户填写违规分类、举报标题、详细原因，提交后生成唯一举报编号，支持字数限制校验、必填项校验。 举报结果查询模块：用户通过举报编号查询举报详情及管理员回复，支持浮窗查看完整截断内容。 管理员后台模块：管理员登录后可管理举报数据（回复、编辑、删除、新增）、违规分类（新增、删除）、配置举报最大字数限制，支持举报编号搜索与分页展示。 1.2 适用场景 小型网站、个人博客、自媒体平台的违规内容举报收集 无需复杂数据库部署的轻量级业务场景 快速搭建临时举报通道，无需服务器额外配置 对数据存储要求简单，无需高并发支持的场景 1.3 优势特点 无数据库依赖：基于文本文件序列化存储，部署零配置，直接上传至 PHP 运行环境即可使用 功能完整：覆盖举报提交、查询、管理全流程，满足基础举报业务需求 交互友好：支持浮窗查看完整内容、实时字数统计、操作提示、分页展示 易于扩展：代码结构清晰，可快速新增字段、扩展功能 权限控制：管理员后台密码验证，保障数据管理安全性 二、技术架构与原理 2.1 核心技术栈 前端：HTML5 + CSS3 + JavaScript（原生JS，无框架依赖） 后端：PHP 5.4+（兼容绝大多数虚拟主机PHP版本） 数据存储：PHP序列化 + 本地文本文件（.txt格式） 2.2 核心工作原理 数据序列化与反序列化 系统核心依赖PHP的序列化和反序列化机制实现数据的存储与读取： 序列化：将存储举报数据、违规分类、配置信息的PHP数组，转换为可写入文本文件的字符串格式 反序列化：读取文本文件中的字符串内容，转换为PHP可直接操作的数组，实现数据查询与修改 优势：无需数据库驱动，数据存储格式简单，可直接打开文本文件查看原始数据 浮窗交互原理 采用「数据属性存储 + JS事件绑定」的方式实现浮窗功能，彻底规避引号嵌套冲突： 前端：通过自定义数据属性存储浮窗标题与完整内容，不直接在事件中嵌套业务数据 JS：DOM加载完成后，批量绑定截断文本的点击事件，通过读取数据属性内容，渲染并显示浮窗 辅助功能：支持点击浮窗外层关闭、ESC按键关闭，提升交互体验 权限控制原理 管理员后台基于PHP Session实现简易权限验证： 管理员输入正确密码后，创建专属Session并标记为登录状态 后台页面首行验证Session状态，若未登录则自动跳转至登录界面 支持手动退出登录，销毁对应Session数据，保障后台安全性 字数校验与统计原理 前端：通过原生JS实现实时字数统计，采用兼容中文字符的计数逻辑，与PHP端计数规则保持一致 后端：PHP端再次进行字数校验，防止前端绕过校验提交非法数据 配置联动：管理员修改最大字数后，配置文件实时更新，前端自动读取最新配置，无需重启服务 搜索与分页原理 搜索：通过数组过滤功能，匹配举报编号关键字，实现精准搜索 分页：基于数组切片功能，根据每页显示条数与当前页码，截取对应数据片段，实现分页展示，支持上一页、下一页切换 三、文件结构与数据存放位置 3.1 完整文件列表 文件名模块功能文件类型核心作用report_submit.php举报提交模块PHP 文件用户提交举报信息，数据校验，生成唯一举报编号，序列化存储举报数据report_results.php举报结果查询模块PHP 文件用户通过举报编号查询详情，浮窗查看完整内容，展示管理员回复admin_panel.php管理员后台模块PHP 文件管理员登录、举报管理、违规分类管理、字数配置管理、搜索与分页reports_data.txt举报数据存储文件文本文件存储所有举报数据（举报编号、违规分类、标题、原因、回复等）violation_types.txt违规分类存储文件文本文件存储违规分类列表（可由管理员新增/删除）config.txt系统配置存储文件文本文件存储最大举报字数配置（控制标题与原因的最大输入长度）3.2 数据存放位置说明 所有数据文件均与PHP业务文件同级存放（即同一目录下），无需创建额外文件夹，部署时直接上传所有文件即可自动生成数据文件（若文件不存在） 数据文件自动生成：系统运行时，若举报数据、违规分类、配置文件不存在，会自动创建并写入默认初始数据 数据持久化存储：所有操作（提交举报、回复举报、修改分类、配置字数）都会实时写入对应.txt文件，数据不会丢失（除非手动删除文本文件） 数据文件可直接编辑：若需批量修改数据，可直接用记事本、VS Code等工具打开.txt文件，修改后保存即可（不建议非技术人员手动操作，避免数据格式损坏） 3.3 数据结构说明 （1）举报数据（reports_data.txt） 核心数据字段包含： 唯一举报编号（格式：REP-年月日时分秒-四位随机数） 违规分类（多个分类用中文逗号拼接） 举报标题 举报详细原因 提交时间 提交者IP地址 管理员回复（默认为空） （2）违规分类数据（violation_types.txt） 为一维列表结构，存储默认及管理员自定义的违规分类，默认包含色情、谣言、人身攻击、侵权、广告骚扰、其他违规等分类。 （3）系统配置数据（config.txt） 核心配置字段为最大举报字数（默认2000字），用于控制举报标题与详细原因的输入长度限制。 四、部署与使用说明 4.1 部署要求 服务器/虚拟主机支持PHP 5.4+（兼容PHP 7.x、8.x版本） 服务器目录具备读写权限（需写入.txt数据文件，大部分虚拟主机默认开启） 无需数据库支持，无需额外安装扩展（依赖PHP内置函数，默认启用） 4.2 部署步骤 下载所有系统文件（3个PHP业务文件） 将所有文件上传至PHP运行环境的网站根目录（或自定义子目录） 直接访问对应PHP文件即可使用： 举报提交：http://你的域名/report_submit.php 结果查询：http://你的域名/report_results.php 管理员后台：http://你的域名/admin_panel.php（默认密码需修改，保障安全） 4.3 使用说明 （1）用户端使用（举报提交 + 结果查询） 举报提交： 访问举报提交页面，勾选违规分类（可多选） 填写举报标题与详细原因（实时显示字数，超出最大限制会给出提示） 点击提交按钮，生成唯一举报编号，需妥善保存该编号用于查询结果 结果查询： 访问结果查询页面，输入已保存的举报编号 点击查询按钮，查看举报详情 点击蓝色可点击的截断文本，弹出浮窗查看完整内容 查看管理员是否已给出回复 （2）管理员端使用（后台管理） 登录后台： 访问管理员后台页面，输入默认密码登录，默认密码：123456 建议首次登录后，在代码中修改默认密码，提升安全性 举报管理： 搜索：输入举报编号，筛选对应举报数据 回复：针对指定举报填写回复内容，提交后实时更新 编辑：修改举报的分类、标题、原因、提交IP等信息 删除：确认后永久删除指定举报数据（不可恢复） 新增：手动添加举报数据，补充完整字段信息 分页：默认每页显示10条数据，支持上一页、下一页切换查看 违规分类管理： 新增分类：输入分类名称，点击新增按钮即可添加至分类列表 删除分类：点击对应分类后的删除按钮，确认后完成删除 字数配置管理： 在字数限制配置模块，修改最大允许输入字数 点击保存修改后，配置实时生效，同步控制前端提交页面的输入长度 五、常见问题与解决方案 5.1 语法错误相关 PHP报错：Parse error: syntax error, unexpected string content "", expecting "]" 原因：PHP字符串引号嵌套冲突、代码截断、文件残留无效字符 解决方案：采用数据属性存储业务内容、全选替换完整代码、将文件保存为UTF-8无BOM编码 JS报错：Uncaught SyntaxError: Invalid or unexpected token 原因：未转义的特殊字符（换行、制表符）、UTF-8 BOM头干扰、代码残留无效字符 解决方案：过滤业务数据中的换行与制表符、移除文件BOM头、清理代码中的无效字符、简化JS执行逻辑 5.2 功能异常相关 浮窗无法弹出 原因：JS事件未绑定成功、页面元素未加载完成、CSS显示属性配置异常 解决方案：在DOM加载完成后绑定事件、检查元素ID一致性、确保浮窗CSS显示属性配置正确 数据无法保存 原因：服务器目录无读写权限、数据文件被锁定或损坏 解决方案：联系主机商开启目录读写权限、手动删除损坏的.txt数据文件（系统会自动重建） 管理员登录失败 原因：密码输入错误、PHP Session功能未启用 解决方案：核对管理员密码、确认服务器已开启Session功能（大部分主机默认开启） 5.3 扩展功能相关 如何修改默认密码 打开管理员后台PHP文件，找到密码配置变量，将默认密码替换为自定义密码即可 如何修改每页显示条数 打开管理员后台PHP文件，找到分页条数配置变量，修改对应数值即可（如20、30） 如何新增举报字段 第一步：在举报提交页面新增对应表单字段 第二步：在数据存储逻辑中新增对应字段 第三步：在管理员后台与结果查询页面新增该字段的展示与编辑逻辑 六、总结 该举报管理系统是一款轻量化、无数据库依赖的解决方案，通过PHP序列化与文本文件存储实现数据持久化，前端采用原生JS实现交互功能，部署便捷、功能完整、易于扩展。 系统涵盖举报提交、结果查询、管理员后台三大核心模块，支持字数校验、浮窗查看、搜索分页、分类管理等实用功能，适用于小型网站、个人博客等轻量级举报业务场景。 所有数据文件与业务文件同级存放，自动生成、实时更新，无需复杂配置。若需扩展功能，可基于现有代码结构快速新增字段与业务逻辑，满足个性化需求。
-
本站同款图片压缩工具，节省带宽/流量（有损和无损） 🎨 超实用！Pinga图片压缩工具使用全攻略 🔝 1. 工具核心价值与适配系统 1.1 🌟 工具核心价值 嘿，朋友们！Pinga 只有3M左右😎。它最大的亮点就是 “高压缩比 + 低画质损失”，操作那叫一个简单，还支持批量处理图片呢。十分照顾本站的3M小水管~ mild3q17.png图片 1.2 💻 适配系统 不过要注意啦，目前它只兼容 Windows 系统（Win7 及以上版本）哦📌。 📥 2. 下载与安装步骤 Pinga下载 外链下载 下载地址：https://wwbso.lanzoue.com/b02dke0t2h 提取码：bzul ⚙️ 3. 图片压缩步骤 3.1 📄 图片压缩步骤 启动软件：打开 Pinga，一进去就能看到默认显示的 “压缩设置” 面板，是不是还挺简洁明了的🤔。 导入图片：直接导入就好，支持批量导入。 配置压缩参数： 压缩模式：在界面顶部可以选择 “无损压缩” 或者 “有损压缩”。 无损压缩：这个很省心，不用额外设置，它会默认保持画质不变的。（压缩比例太低了） 有损压缩：可以拖动 “压缩强度” 滑块，范围是 1 - 10 级。1 级的话画质损失最小，当然体积缩减也有限；10 级画质损失会大一些，但体积缩减很显著。一般日常使用选 3 - 5 级就挺合适的。（推荐✅） 尺寸调整（可选）：要是你想调整图片大小，就勾选 “调整尺寸”，然后输入最大宽或者高的数值就行（只要输入一项，系统会自动锁定比例的），单位可以选 “像素” 或者 “百分比”。（本站是喜欢用640像素） milezum0.png图片 输出路径：⚠️ 默认是直接覆盖原文件哦，注意备份⚠️ 开始压缩：一切都设置好啦，点击界面右下角的 “压缩” 按钮，软件就开始工作咯，进度条会实时显示处理状态，看着它一点点前进是不是还挺期待的喵~😃。 查看结果：压缩完成后会弹出 “处理成功” 的提示，这时候点击 “打开输出文件夹”，就能看到压缩后的图片啦🎉。 mileke9z.png图片 🎯 4. 进阶技巧：个性化需求配置 4.1 🎨 特殊场景参数设置 设计稿压缩：要是你处理的是像 PNG 这种带透明通道的设计图，想保留透明通道，那就选 “无损压缩”，然后在 “高级设置” 里勾选 “保留透明通道” 就好啦。 社交媒体配图：要是想控制图片体积在 500KB 以内，那就选 “有损
-
【转载】给你的typecho的Joe主题博客主题添加底部导航栏 mik83sms.png图片 ✨ 本站同款勉强能用的版本哦 ✨ 我们需要引入一个外部 CSS 文件来定义底部导航栏的样式。这里采用 CDN 链接，既保证样式快速加载，又能自动同步更新~ 🎨 第一步 - 引入 CSS 部分 <link href="https://cdn.heylie.cn/css/dwo_cc.css" rel="stylesheet"> 通过外部 CSS 文件定义底部导航栏样式，CDN 链接让加载更高效、样式更新更及时 。 可以使用主题自带的全局插入css哦： mik8i84z.png图片 💻 第二步 - 写入前端 📁 还是使用主题自带的插入全局自定义底部功能 mik8k9rt.png图片 <div id="mobile-footer"> <ul id="mobile-menu"> <li> <a href="https://fghdz.top/"> <span class="iconfont icon-island__easyi"></span> 首页 </a></li> <li> <a href="https://fghdz.top/%E5%8F%8B%E9%93%BE.html"> <span class="iconfont icon-Cheating"></span> 友链 </a></li> <li> <a href="https://fghdz.top/824.html"> <span class="iconfont icon-dongzuo"></span> 游戏 </a></li> <li> <a href="https://fghdz.top/753.html"> <span class="iconfont icon-beikongshuiwupingtaimenhu-tubiao_zutaigongju-da"></span> 小工具 </a></li> <li> <a href="https://fghdz.top/750.html"> <span class="iconfont icon-00limao"></span> AI </a></li> </ul> </div> ⚠️ 图标使用说明： 参考一：本站顶部图标样式可参考 → 「主题美化指南：自定义顶部图标设计与实现」 参考二：前往 iconfont 挑选心仪图标后引用（不会操作可百度，或点击底部评论，一般看见的都会回复） <link rel="stylesheet" href="//at.alicdn.com/t/c/xxxx.css"> 引入自己的css，不要直接复制粘贴的喵~mik89dij.png图片 然后，把地址复制替换在span里面就像了 mik89vd8.png图片 图标CSS链接生成和挑选 📌 总结： ✅ 将上述代码添加到博客主题的底部文件位置 ✅ 代码定义了包含五个链接的底部导航栏 ✅ 每个链接搭配图标+文本标签，视觉更清晰 原文地址：https://blog.heylie.cn/archives/432/
