标签: 代码

  • WordPress装备页面 插件版带后台

    WordPress装备页面 插件版带后台

    前言

    之前写了一个html的 由于本站的主题采用pjax加载的方式,会导致部分css失效。抽空改成了插件

    核心功能

    • 设备管理:添加、编辑、删除和排序设备信息
    • 分类功能:为设备分配不同类别,便于组织和筛选
    • 响应式设计:完美适配桌面端和移动端设备
    • 图片管理:支持从媒体库选择图片或使用外部图片URL
    • 自定义按钮:可为每个设备设置不同的按钮文本和链接
    • 简码支持:使用 simple_product_showcase 简码在任何页面或文章中嵌入设备展示

    演示图

    后台

    前台

    没啥好介绍的 安装插件 新建页面 输入简码即可。

    文件结构

    奶狗设备展示/
    ├── index.php              # 主插件文件,包含核心功能和WordPress钩子
    ├── assets/                # 资源文件目录
    │   ├── css/              # CSS样式文件
    │   │   ├── admin.css     # 管理后台样式
    │   │   └── frontend.css  # 前端展示样式
    │   └── js/               # JavaScript脚本文件
    │       ├── admin.js      # 管理后台交互脚本
    │       └── frontend.js   # 前端交互脚本

    安装方法

    1. 下载插件压缩包
    2. 登录WordPress管理后台
    3. 进入"插件" > "安装插件"页面
    4. 点击"上传插件"按钮
    5. 选择下载的插件压缩包并上传
    6. 安装完成后,激活插件

    使用方法

    添加设备

    1. 在WordPress管理后台,点击左侧菜单中的"设备展示"
    2. 填写设备信息表单,包括名称、描述、分类、图片等
    3. 点击"保存设备"按钮

    在页面中显示设备列表

    在任何页面或文章中插入以下简码:

    simple_product_showcase

    管理设备

    1. 在WordPress管理后台,点击左侧菜单中的"设备展示"
    2. 在设备列表中,可以编辑、删除或拖动排序设备
    3. 点击"编辑"按钮修改设备信息
    4. 点击"删除"按钮移除设备

    技术特点

    • 使用WordPress自定义表存储设备数据
    • 集成WordPress媒体上传器进行图片管理
    • 使用jQuery实现前端交互和后台管理功能
    • 响应式设计确保在各种设备上的良好显示效果
    • 安全性措施包括nonce验证和数据清理

    自定义与扩展

    开发者可以通过以下方式自定义插件:

    1. 修改CSS文件以调整前端和后台样式
    2. 扩展JavaScript文件以添加新的交互功能
    3. 在主题中使用过滤器钩子自定义输出

    兼容性

    • WordPress 5.0+
    • PHP 7.0+
    • 兼容大多数现代浏览器
  • 告别复杂配置!密码下载+多平台机器人,一键搞定

    告别复杂配置!密码下载+多平台机器人,一键搞定

    前言

    这是一个用于WordPress的附件密码下载,对接公众号 提供API 方便其他程序调用 支持多平台机器人 如 QQ官方机器人 TG机器人等 密码随机生成,支持ai大模型。程序永久免费且开源 开源地址 https://github.com/naigoucn/ngdown 前台下载样式参考 6KE论坛的子比下载插件 微信机器人参考http://github.com/wangvsa/wechat-robothttps://github.com/shiheme/wechat-robot-guoqing 图标样式采用开源icon库 remixicon 不对接公众号的版本 下载地址 https://www.123684.com/s/uXJuVv-mN4U3

    支持功能

    • 输入密码下载附件
    • 对接微信公众号随机密码
    • 公众号推送文章
    • 单篇文章密码30分钟自动切换
    • 对接AI大模型实现自动聊天
    • 提供api接口 方便其他机器人框架调用
    • 支持多平台机器人 如QQ/TG等 (取决于您的机器人框架)
    • 后台设置页面 自定义回复设置 大模型设置 api密钥设置
    • 自动识别网盘链接展示对应图标
    • 支持选择开启或关闭密码下载

    演示图

    使用方法

    文章页

    新建文章后,如果想在文章底部加上密码下载就在编辑器底部找到下图设置

    填写对应内容即可,选项留空前台不显示该内容,显示选项 选择隐藏前台也不显示该内容。

    对接微信公众号

    在这里输入你的微信公众号 开发者ID(AppID)开发者密码(AppSecret)

    如何获取开发者ID(AppID)开发者密码(AppSecret)

    登录微信公众号平台 mp.weixin.qq.com 登录账号 找到 设置与开发 点击 开发接口管理 如下图

    复制appid粘贴到上面的位置,密钥点击重置,扫码后重新获取 记得把服务器ip设置为IP白名单。

    服务器地址改为 https://你的域名/?wechat token填写wechat 消息加解密方式选择明文模式。

    对接AI大模型

    后台找到微信机器人 AI模型 按要求填写

    这个适配的是openai的,大部分大模型都支持,所以改接口 改密钥 改模型代码 理论支持所有大模型,例如腾讯混元 阿里通义千问 DeepSeek等。 预装了部分ai大模型 如通义千问 腾讯混元 deepseek kimi 模型记得选择正确 不然会失败。

    API秘钥

    插件提供api用来获取密码 采用post形式 API Token按你需要的设置。

    接口请求方式

    api_token就是你设置的token postid就是你开启密码下载的文章

    对接其他机器人

    QQ机器人

    我使用的是 AstrBot 机器人框架 对接的QQ官方机器人 AstrBot安装教程 和使用教程 这里就不赘述 需要的请自行前往仓库获取。

    插件代码及仓库地址

    https://github.com/naigoucn/astrbot_plugin_ngdown

    TG机器人

    部分框架提供对接其他平台的功能 参考QQ机器人的对接方式

  • 家用宽带(动态公网ipv4)+CDN 绕开80和443端口

    家用宽带(动态公网ipv4)+CDN 绕开80和443端口

    准备工作:

    如何申请家宽公网 IP? 我是联通宽带 只用给打电话给 96480 报宽带账号就给办(强调要动态公网 IP)。最近两年装的宽带 要改光猫的配置,自己去搜相关教程就行。

    第一步

    部署类似 ddns-go 的脚本,(我嫌麻烦,我用了 python 脚本 腾讯云动态域名解析)

    首先要安装 python 库

    再把下面的代码新建文件到任意路径

    例如我把这个脚本重命名为 txddns.py 放在了 /root/txddns 目录下,那么执行命令就是

    找到宝塔面板的计划任务 按图片对应添加 (执行周期按喜好填)

    记得要打开路由器后台的端口转发 把你小主机的内网 IP 地址填进去就行。端口全开放(对外的 80 443 运营商屏蔽,下面的教程就教你怎么绕开)

    第二步

    建站,没啥好讲解的,就跟普通服务器一样,但是 要在域名中加上个 ip + 端口 例如我的小主机内网 IP 是 192.168.31.170 端口是 889 就在这里填 192.168.31.170:889 ,因为前面已经配置了动态解析。所以你在外网输入 你的域名:889 (例如 http://a.naigou.cn:889) 就会指向你的内网 192.168.31.170:889

    第三步

    绕开 80 和 443 端口,绕开端口需要用到一个 cdn 服务 利用 cdn 转发端口 推荐使用扩彩云 ,每个月免费 30g 支持境外和大陆加速。

    http://kuocaicdn.com/register?code=89be25vcqcq4b

    添加自己的域名进去 并设置源站 域名就是你的域名 端口就是你设置的端口

  • 仿小米日历的一个卡片日历html页面

    仿小米日历的一个卡片日历html页面

    最近看到小米的日历软件更新了,发现了个不错的东西,新增了一个台历的页面,意外的感觉很好看,想着搞到博客里,当个小工具,先写了一点点,后面再完善。

    演示图

    PC

    手机

    目前只写了单页,想移植到博客的,自行参考。使用了https://api.shwgij.com的 农历api和api.hn的图片api。

  • 价值200万的超椭圆LOGO生成小工具

    价值200万的超椭圆LOGO生成小工具

    小米LOGO 原文地址 http://www.mi.com/a/h/19823.html

    小米的新Logo由日本设计师原研哉设计,采用“超椭圆”形状,结合了圆形和方形的特点,旨在展现品牌的灵动与亲和力。颜色上变得更加柔和,强调了“Alive”(生动)的概念,体现了小米希望通过科技让生活更加美好的愿景。这个新标识是小米品牌升级的一部分,意在以更全面、强大的姿态面对未来。

    最近要给博客换套个logo样式,这个logo是之前花了50块买的,其实还算可以,加上了一个简单的圆角样式,看起来其实也还行。但是圆角太直接,看着有点不太舒服。

    于是我找到了之前小米的logo公式,

    在网上找了一堆裁剪工具 例如 https://mi-logo.lvwzhen.com/

    但是他的不能拿自己的图片进行裁剪 只有下方两种样式,不太符合我的要求。

    于是,在AI工具的帮助下,写了一个可以裁剪自己图片为类小米logo的工具。

    代码分享

  • 【伪原创】抽奖工具网页源码分享

    【伪原创】抽奖工具网页源码分享

    望周知本人于2024年8月6日,晚上8点在星瞳直播间抽到黑神话悟空CDK

    感觉星瞳直播时的抽奖工具不错,就照着样子抄了一份,免费分享给各位下载使用。(菜鸟一个,有bug敬请谅解)

    演示视频

    演示图

    功能简介

    • CSV导入参与者信息
    • 自动转换为json,方便调用
    • 简单好用
    • 没了

    没那么多废话,直接发源码 (本站不会搞关注公众号的恶心人下载,本站拒绝使用任何垃圾网盘 如夸克 城通等)

  • 给你的网站添加一个我的设备页面

    给你的网站添加一个我的设备页面

    演示图

    这是我参考张洪大佬的博客里的我的设备(https://blog.zhheo.com/equipment/)进行二次修改的一个小代码,分享出来给各位做个参考。

    代码

    Html代码

    CSS代码