自建不蒜子 自建不蒜子 一个基于 Golang + Redis 简单、轻量的网页计数器， 项目 统计站点的 UV, PV统计子页面的 UV, PV使用 Docker 一键部署隐私保障 仅存储 HASH兼容 Pjax 技术的网页支持从原版不蒜子迁移数据一、安装 持多种运行方式: 源码编译运行, Docker 运行源码编译运行git clone https://gitee.com/soxft/busuanzi.git && cd busuanzigo build -o busuanzi main.go根据提示修改 config.yml编辑dist/busuanzi.js或编译dist/busuanzi.ts, 替换链接为自己部署的。通过命令 ./busuanzi 启动程序2. 使用 Docker 运行 (Recommend)【推荐此法安装】 在一个空文件夹中创建名为 docker-compose.yaml 的文件, 内容如下或见 docker-compose.yamlversion: "3.8" services: redis: image: "redis:alpine" volumes: - ./data/redis:/data bsz: image: "xcsoft/busuanzi:latest" ports: - "8080:8080" # 修改映射到宿主机的端口 host:container links: - redis depends_on: - redis environment: WEB_LOG: true # 是否开启日志 WEB_DEBUG: false # 是否开启debug模式 WEB_CORS: "*" # 跨域访问 BSZ_EXPIRE: 0 # 统计数据过期时间 单位秒, 请输入整数 (无任何访问, 超过这个时间后, 统计数据将被清空, 0为不过期) BSZ_SECRET: "bsz" # 签名密钥 // 请设置为任意长度的随机值 API_SERVER: http://127.0.0.1:8080 # 填写你的 API 地址 REDIS_ADDRESS: redis:6379 # redis 地址 BSZ_PATHSTYLE: true BSZ_ENCRYPT: MD516环境变量设置环境变量 参数说明环境变量参数说明API_SERVER busuanzi.jsAPI地址WEB_LOG 是否开启日志默认 trueREDIS_ADDRESS Redis 地址默认为 redis:6379REDIS_PASSWORD Redis默认空BSZ_SECRET 签名密钥使用任意长度的字符串填充执行 docker compose up -d 服务将会运行在 8080 端口, 也可以自行修改 docker-compose.yml 指定端口您也可以修改 ~/data/bsz/config.yaml 自定义配置, 后重启容器。通用环境变量Tips: 所有 config 内的设置, 均可使用 环境变量 覆盖Ex. BSZ_SECRET = 123 将覆盖 config.yaml 中的 Bsz.Secret二进制文件运行# 部分静态资源并未打包在 二进制文件内, 因此需要 clone 整个项目到本地 $ git clone https://gitee.com/soxft/busuanzi && cd busuanzi # 在 Release 中选择适合自己系统版本的二进制文件 (在 v2.8.0 后, 所有二进制文件由 Github Action 自动构建) 此处以常见服务器 (Linux & amd64) 作为演示 $ wget https://github.com/soxft/busuanzi/releases/download/v2.8.8/busuanzi-linux-amd64-v2.8.8 -o busuanzi $ chmod +x busuanzi # 运行 busuanzi $ ./busuanzi{dotted startColor="#ff6c6c" endColor="#1989fa"/}二、快捷使用 1、本站不蒜子<script defer src="https://bsz.211119.xyz/js"></script> 本文总阅读量 <span id="busuanzi_page_pv"></span> 次 本文总访客量 <span id="busuanzi_page_uv"></span> 人 本站总访问量 <span id="busuanzi_site_pv"></span> 次 本站总访客数 <span id="busuanzi_site_uv"></span> 人2、杜老师不蒜子<script defer src="https://busuanzi.9420.ltd/js"></script> 本文总阅读量 <span id="busuanzi_page_pv"></span> 次 本文总访客量 <span id="busuanzi_page_uv"></span> 人 本站总访问量 <span id="busuanzi_site_pv"></span> 次 本站总访客数 <span id="busuanzi_site_uv"></span> 人相对于原版的不蒜子, 您可能需要修改标签 ID.当然您也可以参阅下方 可选参数 -> Ex -> 3, 通过直接修改 data-prefix 实现兼容.可选参数属性默认值释义data-apihttp://127.0.0.1:8080/api不蒜子的API地址pjax表格是否监听 pjax 变化data-prefixbusuanzi标签前缀Ex在一些启用了 pjax 技术的网站中, 可以在 js 标签中加入 pjax 属性, 来实现当网站切换页面时自动更新页面计数的效果:可以使用 data-api 属性, 指定后端API的接口:可以使用 data-style 属性, 指定数据的显示样式short显示为短形式, 如 1024 将显示为 1kcomma以逗号分隔数据, 如 1024 将显示为 1,024default默认模式, 显示完整的数据不同于原版, 为了更加精简, 我们去除了 HTML ID 中的 value 字符, 但您仍然可以通过指定 data-prefix 属性来进行兼容:

Win10怎么默认开启数字小键盘 Win10怎么默认开启数字小键盘 台式机win10系统，每次冷开机都要按小键盘数字功能键开启数字功能，才能输入登录码进入系统，而重启系统时数字功能有效，可以直接输入登录码。快捷键win+R打开运行，输入regedit（注册表编辑器），定位到HKEY_USERS.DEFAULT\Control Panel\Keyboard。然后双击InitialKeyboardIndicators，把原数值数据 2147483648 修改为 80000002 或 2

哪吒监控 V1 自定义代码 哪吒监控 V1 自定义代码1、设置页面背景图、自定义Logo等<script> window.CustomBackgroundImage="https://img.9527.nyc.mn"; /* 页面背景图 */ window.CustomLogo = "https://img.mypi.co/9527xyz/70aa2fa541c62baa7434a35d60cb7eb3.webp"; /* 自定义Logo */ window.ShowNetTransfer = "true"; /* 卡片显示上下行流量 */ window.DisableAnimatedMan = "true"; /* 关掉动画人物插图 */ window.CustomDesc ="MJJ：白嫖至上，低价优先。"; /* 自定义描述 */ </script>2、其它设置2<script> var observer = new MutationObserver(function(mutationsList, observer) { var xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div"; var container = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; if (container) { observer.disconnect(); var existingImg = container.querySelector("img"); if (existingImg) { container.removeChild(existingImg); } var imgElement = document.createElement("img"); imgElement.src = "https://img.mypi.co/9527xyz/70aa2fa541c62baa7434a35d60cb7eb3.webp"; imgElement.style.position = "absolute"; imgElement.style.right = "8px"; imgElement.style.top = "-80px"; imgElement.style.zIndex = "10"; imgElement.style.width = "90px"; container.appendChild(imgElement); } }); var config = { childList: true, subtree: true }; observer.observe(document.body, config); </script>3、小鸡相关{"billingDataMod": {"startDate": "2024-11-03T00:00:00+08:00","endDate": "2025-11-03T00:00:00+08:00","autoRenewal": "1","cycle": "年付","amount": "💰36￥"}, "planDataMod": {"trafficVol": "500G/月","trafficType": "2","IPv4": "1","IPv6": "1","networkRoute": "低价,还行","extra": "可传家"}}设置完毕如下：

用Cloudflare轻松搭建Uptime-Flare监控服务！实时掌握网站状况！ 用Cloudflare轻松搭建Uptime-Flare监控服务！实时掌握网站状况！本文转载自：https://am.809098.xyz/am-uptime-flare/Uptime-Flare是一个监控工具，能够帮助你监控网站的可用性和性能。通过Cloudflare你可以轻松部署这个服务，免费监控你的网站，告别宕机烦恼！ 原项目地址： 其它项目地址 一、需要准备的前提资料创建Cloudflare TOKEN 用于github部署用创建链接：https://dash.cloudflare.com/profile/api-tokens点击创建令牌,选择 编辑 Cloudflare Workers 模板,然后将 帐户资源 设置为自己的账户。 区域资源 设置为 所有区域二、部署uptime-flare1、打开 原项目地址： 其它项目地址 点击项目首页的 use this template ,然后点击 create new repo 完成项目创建2、设置 SECRET点击 settings -> secrets and variables -> new repo secret② Name 的值是 CLOUDFLARE_API_TOKEN③ Secret 的值是在CF获得的 Token 值3、修改 uptime.config.ts 文件修改 PageConfig 配置里的Links数组,这是监控首页的站点显示信,不是监控的站点,如links: [ { link: 'https://am.809098.xyz', label: '个人博客' }, { link: 'https://809098.xyz', label: 'Blog', highlight: true }, ]修改 WorkConfig 配置,里面是要监控的站点monitors: [ { id: 'am.809098.xyz', name: '个人博客', method: 'GET', target: 'https://am.809098.xyz', tooltip: 'My production server monitor', statusPageLink: 'https://am.809098.xyz', timeout: 10000, }, ], 3、在github的actions看部署成功,就完成了部署

网页制作常用代码 不断增加 [2025年7月8更新] 网页制作常用代码：一、直接使用节日代码：<!-- <script defer src="https://four-root-occupation.glitch.me/chunjie-denglong.js"></script> 春节快乐--> <!-- <script defer src="https://four-root-occupation.glitch.me/wuyi-denglong.js"></script> 五一快乐--> <!-- <script defer src="https://four-root-occupation.glitch.me/guoqing-denglong.js"></script> 国庆快乐--> <!-- <script defer src="https://four-root-occupation.glitch.me/yuandan-denglong.js"></script> 元旦快乐--> <!-- <script defer src="https://four-root-occupation.glitch.me/zhongqiu-denglong.js"></script> 中秋快乐-->二、本页总访问量1、自建busuanzi<br /> <p> 本页总访问量 <span id="busuanzi_site_pv"></span> 次</p> <script defer src="https://bsz.211119.xyz/js"></script>2、其它busuanzi<br /> <p> 本页总访问量 <span id="busuanzi_value_site_pv"></span> 次</p> <script defer src="https://four-root-occupation.glitch.me/bsz.js"></script>三、网站时间、本页总访问量及其它相关，可灵活修改式样1，访问量、运行时间和版本<span id="timeDate">载入天数...</span> <script language="javascript"> var now = new Date(); function createtime(){ var grt= new Date("01/05/2025 00:00:00");/*---这里是网站的启用时间：月/日/年--*/ now.setTime(now.getTime()+250); days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); document.getElementById("timeDate").innerHTML = "稳定运行"+dnum+"天"; } setInterval("createtime()",250); </script> <span <p> | 本页总访问量 <span id="busuanzi_site_pv"></span> 次 | @ws01 v1.0.0 2025</p></span> <script defer src="https://bsz.211119.xyz/js"></script>式样2，访问量、运行时间、开源和信息<span id="timeDate">载入天数...</span> <script language="javascript"> var now = new Date(); function createtime(){ var grt= new Date("05/09/2024 00:00:00");/*---这里是网站的启用时间：月/日/年--*/ now.setTime(now.getTime()+250); days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); document.getElementById("timeDate").innerHTML = "稳定运行"+dnum+"天"; } setInterval("createtime()",250); </script> <span <p> | 本页总访问量 <span id="busuanzi_site_pv"></span> 次 | 开源于 GitHub <a href="https://github.com/wszx123/My-Nav" target="_blank">@wszx123</a></p></span> <script defer src="https://bsz.211119.xyz/js"></script>式样3，访问量、运行时间、博客和导航链接<span id="timeDate">载入天数...</span> <script language="javascript"> var now = new Date(); function createtime(){ var grt= new Date("05/09/2024 00:00:00");/*---这里是网站的启用时间：月/日/年--*/ now.setTime(now.getTime()+250); days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); document.getElementById("timeDate").innerHTML = "稳定运行"+dnum+"天"; } setInterval("createtime()",250); </script> <span <p> | 本页总访问量 <span id="busuanzi_site_pv"></span> 次 | <a href="https://boke.199881.xyz/" target="_blank"> <span style="color: blue;">博客 | <a href="https://www.199881.xyz/" target="_blank"> <span style="color: green;">导航 </p></span> <script defer src="https://bsz.211119.xyz/js"></script> 四、其它常用代码transform: translateY(12px); /* 子元素往下移动12px */ transform: translateY(-12px); /* 子元素往上移动12px */ justify-content: space-between; /* 子元素分散排列 */ justify-content: flex-start; /* 子元素从左侧开始排列 */ gap: 20px; /* 子元素之间的空隙 */ background: url('https://121.freewebhostmost.com/') no-repeat center center fixed; /* 背景图片 */ background-color: #f4f4f4; /* 背景色 */ min-height: 60px; /* 最小高度设置为60px */ max-height: 120px; /* 最大高度设置为120px */ font-size: 18px; /* 字号大小*/ border-radius: 5px; /* 四角弧度，一般高为5，50为圆*/ border: 2px solid gray; /* 添加2px灰色边框 */ border: 1px #aaa; /* 添加 1px 和 #aaa 色边框 */ --border-color: #aaa; /* 边框，原#436EEED */ border-bottom: 2px dashed #6495ED; /* 添加灰色虚线#ccc */ overflow-y: auto; /* 当内容超过最大高度时显示滚动条 */ margin-left: 20px; /* 分类标签右移添加这一行 */ color: green; /* 分类标签字体颜色添加这一行 */ text-align: left; /* 添加左对齐 */ /* 设置文件名的最大宽度，并且超出部分省略显示 */ .file-name { max-width: 200px; /* 设置最大宽度，您可以调整为合适的值 */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; /* 确保文件名在一行内显示 */ } /* 设置图片背景的毛玻璃效果，值越大越模糊 */ backdrop-filter: blur(2px); margin-top: -20px; /* 验证码图片向上移动20px */footer代码.footer {position: fixed;bottom: 1cm;left: 50%;transform: translateX(-50%);background-color: rgba(230, 230, 250, 0.4);color: #000000;min-width: 400px;max-width: 1120px;height: 55px;text-align: center;margin: 2px auto;padding: 1px;border-radius: 10px;font-size:15px;}五、php代码中单位转换，其中($bytes, 1) 是保留小数点后一位，改2是二位<?php // 格式化文件大小函数 function formatSize($bytes) { $units = ['字节', 'KB', 'MB', 'GB', 'TB']; $unitIndex = 0; while ($bytes >= 1024 && $unitIndex < count($units) - 1) { $bytes /= 1024; $unitIndex++; } return number_format($bytes, 1) . ' ' . $units[$unitIndex]; } ?>六、适配手机时添加1、网页代码在手机上不适配时，在添加以下代码<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 添加viewport meta标签，确保页面在移动设备上正确缩放 -->2、大括号中添加相应代码@media (max-width: 768px) { } @media (max-width: 480px) { }七、在html页面添加输入密码才能打开1、密码24小时有效【 使用时请修改 admin 为自己的密码 】 <script> // 页面加载时弹出密码验证 (function() { // 检查是否已存储有效密码 const storedAuth = localStorage.getItem('imagePageAuth'); if (storedAuth) { const authData = JSON.parse(storedAuth); const now = new Date().getTime(); // 检查密码是否在24小时内（24*60*60*1000 = 86400000毫秒） if (now - authData.timestamp < 86400000) { // 密码仍在有效期内，允许访问 return; } else { // 密码已过期，清除存储 localStorage.removeItem('imagePageAuth'); } } // 如果没有有效密码，则要求输入 var password = prompt("请输入密码访问本页面："); if (password !== "admin") { alert("密码错误！禁止访问。"); window.location.href = "about:blank"; // 密码错误跳转至空白页 } else { // 密码正确，存储当前时间和密码信息（24小时内有效） const authData = { password: password, timestamp: new Date().getTime() }; localStorage.setItem('imagePageAuth', JSON.stringify(authData)); } })(); </script>2、密码当次有效，下一次打开也需要输入【 使用时请修改 admin 为自己的密码 】 <script> // 页面加载时弹出密码验证 (function() { var password = prompt("请输入密码访问本页面："); if (password !== "admin") { alert("密码错误！禁止访问。"); window.location.href = "about:blank"; // 密码错误跳转至空白页 } })(); </script> 七、icon代码方法1，用图片 <link rel="icon" href="https://img.keplu.eu.org/file/img1/1749897585818_logo04.png" type="image/ico">方法2，用字符 <link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2280%22>🌐</text></svg>">