首页
留言板
友链
关于
Search
1
常用安装脚本知识 [24年10月27日更新]
67 阅读
2
网页制作常用代码 不断增加 [2025年3月31更新]
61 阅读
3
Win10怎么默认开启数字小键盘
54 阅读
4
Linux系统下常用命令【不断补充】
45 阅读
5
欢迎使用 Typecho
41 阅读
默认
日常
学习
技术
登录
Search
标签搜索
安装
cloudflare
CF
白嫖
壁纸
图片
脚本
docker
Linux
代码
域名
Caddy
哪吒
节点
桌面壁纸
手机壁纸
NAT
LXC
优选
HTML
ws01
累计撰写
88
篇文章
累计收到
40
条评论
首页
栏目
默认
日常
学习
技术
页面
留言板
友链
关于
搜索到
64
篇与
的结果
2025-01-28
自建不蒜子
自建不蒜子 一个基于 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 属性来进行兼容:
2025年01月28日
40 阅读
1 评论
0 点赞
2025-01-25
Win10怎么默认开启数字小键盘
Win10怎么默认开启数字小键盘 台式机win10系统,每次冷开机都要按小键盘数字功能键开启数字功能,才能输入登录码进入系统,而重启系统时数字功能有效,可以直接输入登录码。快捷键win+R打开运行,输入regedit(注册表编辑器),定位到HKEY_USERS.DEFAULT\Control Panel\Keyboard。然后双击InitialKeyboardIndicators,把原数值数据 2147483648 修改为 80000002 或 2
2025年01月25日
54 阅读
3 评论
0 点赞
2024-12-27
哪吒监控 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": "可传家"}}设置完毕如下:
2024年12月27日
24 阅读
1 评论
0 点赞
2024-12-22
用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看部署成功,就完成了部署
2024年12月22日
18 阅读
0 评论
0 点赞
2024-12-18
网页制作常用代码 不断增加 [2025年3月31更新]
网页制作常用代码:一、直接使用节日代码:<!-- <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>四、其它常用代码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 */ 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; /* 确保文件名在一行内显示 */ } 五、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) { }
2024年12月18日
61 阅读
4 评论
0 点赞
1
2
3
4
...
13