网页制作常用代码 不断增加 [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) { }

html网页实用代码 一、开站时间开始 <!-- 开站时间开始1，有天、时、分、秒 --> <span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span> <script language="javascript"> var now = new Date(); function createtime(){ var grt= new Date("07/01/2023 00:00:00");/*---这里是网站的启用时间--*/ now.setTime(now.getTime()+250); days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours); if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum); mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;} seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum); snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;} document.getElementById("timeDate").innerHTML = "稳定运行"+dnum+"天"; document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒"; } setInterval("createtime()",250); <!-- 开站时间结束 --> <!-- 开站时间开始2，只显示天 --> <span <p> 本页总访问量 <span id="busuanzi_value_site_pv"></span> 次 | @ws01 v1.0.0 2025</p></span> <script defer src="https://four-root-occupation.glitch.me/bsz.js"></script> <span id="timeDate">载入天数...</span> <script language="javascript"> var now = new Date(); function createtime(){ var grt= new Date("09/05/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> 二、本页总访问量代码 <p> 本页总访问量 <span id="busuanzi_value_site_pv"></span> 次</p> <script defer src="https://four-root-occupation.glitch.me/bsz.js"></script>三、几个节日灯笼代码1、春节快乐灯笼代码<script defer src="https://four-root-occupation.glitch.me/chunjie-denglong.js"></script>2、国庆快乐灯笼代码<script defer src="https://four-root-occupation.glitch.me/guoqing-denglong.js"></script>3、五一快乐灯笼代码<script defer src="https://four-root-occupation.glitch.me/wuyi-denglong.js"></script>4、中秋快乐灯笼代码<script defer src="https://four-root-occupation.glitch.me/zhongqiu-denglong.js"></script>5、元旦快乐灯笼代码<script defer src="https://four-root-occupation.glitch.me/yuandan-denglong.js"></script>四、html代码变cloudflare workers 代码html代码最前面加上addEventListener('fetch', event => { event.respondWith(handleRequest(event.request)) }) async function handleRequest(request) { const html = `最后加上`; return new Response(html, { headers: { 'content-type': 'text/html;charset=UTF-8' }, }); }五、页脚信息全在一行上1、添加footer代码，可进行适当调整 .footer { width: 100%; max-width: 800px; margin: 0 auto; padding: 5px 0; background-color: #f0f0f0; color: #666; font-size: 14px; text-align: center; box-sizing: border-box; }2、网页中添加页脚 <div class="footer"> <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_value_site_pv"></span> 次 | @ws01 v1.0.0 2025</p></span> <script defer src="https://four-root-occupation.glitch.me/bsz.js"></script>

Docker Compose 安装cloudreve Docker Compose 安装cloudreve一、提前安装好docker和docker-composecurl -fsSL https://get.docker.com | sh && ln -s /usr/libexec/docker/cli-plugins/docker-compose /usr/local/bin二、docker compose 部署1、依次创建好 /home/html/cloudreve 文件夹（并进入安装文件夹）cd /home/html/cloudreve2、创建目录结构mkdir -vp cloudreve/{uploads,avatar} \ && touch cloudreve/conf.ini \ && touch cloudreve/cloudreve.db \ && mkdir -p aria2/config \ && mkdir -p data/aria2 \ && chmod -R 777 data/aria23、然后将以下文件保存为 docker-compose.yml，放置于当前目录，与 cloudreve 同一层级，同时，修改文件中的 RPC_SECRETversion: "3.8" services: cloudreve: container_name: cloudreve image: cloudreve/cloudreve:latest restart: unless-stopped ports: - "5212:5212" volumes: - temp_data:/data - ./cloudreve/uploads:/cloudreve/uploads - ./cloudreve/conf.ini:/cloudreve/conf.ini - ./cloudreve/cloudreve.db:/cloudreve/cloudreve.db - ./cloudreve/avatar:/cloudreve/avatar depends_on: - aria2 aria2: container_name: aria2 image: p3terx/aria2-pro restart: unless-stopped environment: - RPC_SECRET=your_aria_rpc_token - RPC_PORT=6800 volumes: - ./aria2/config:/config - temp_data:/data volumes: temp_data: driver: local driver_opts: type: none device: $PWD/data o: bind4、运行镜像# 1.直接运行，log 将会直接输出在当前控制台中，请注意退出之后保持当前容器运行 docker-compose up # 或者，2.后台运行模式，可以从 docker/docker-compose 的日志中获取默认管理员账户用户名和密码，选择2则只能运行5步骤查找帐号和密码 docker-compose up -d5、docker-compose logs 查看实时日志中的 帐号和密码 帐号一般是：admin@cloudreve.org，主要查看密码。docker-compose logs6、Cloudreve 默认会监听5212端口。你可以在浏览器中访问：http://服务器IP:5212 进入 Cloudreve。{dotted startColor="#ff6c6c" endColor="#1989fa"/}在之后的控制面板中，按照如下配置[不可修改] RPC 服务器地址 => http://aria2:6800[可修改, 需保持和 docker-compose.yml 文件一致] RPC 授权令牌 => your_aria_rpc_token[不可修改] Aria2 用作临时下载目录的 节点上的绝对路径 => /data7、更新关闭当前运行的容器，此步骤不会删除挂载的配置文件以及相关目录docker-compose down如果此前已经拉取 docker 镜像，使用以下命令获取最新镜像docker pull cloudreve/cloudreve重复运行步骤即可

Nginx安装与使用 Nginx安装与使用一、安装 Docker 和 Docker-Compose 一键命令curl -fsSL https://get.docker.com | sh && ln -s /usr/libexec/docker/cli-plugins/docker-compose /usr/local/bin二、进入home文件夹并在home文件夹下创建安装文件夹nginx，进入nginx文件夹并创建docker-compose.yml文件：cd /home/ && mkdir nginx && cd nginx && touch /home/nginx/docker-compose.yml三、进入/home/nginx ，打开docker-compose.yml文件，输入以下内容并保荐退出【如果是NAT小鸡，因端口没有全开，相应修改为可用的3个端口，例如：24888为一个可用端口，修改为24888:80，以此类推】：version: '3.8' services: app: image: 'jc21/nginx-proxy-manager:latest' restart: unless-stopped ports: - '80:80' - '81:81' - '443:443' volumes: - ./data:/data - ./letsencrypt:/etc/letsencrypt四、在文件夹下启动 Nginxdocker-compose up -d # If using docker-compose-plugin docker compose up -d五、登录管理界面当您的 docker 容器运行时，通过管理界面的端口 81 连接到它。有时，由于密钥的原因，这可能需要一点时间，最好重启机器。reboot默认登录地址：http://ip:81默认管理员用户和密码：Email：admin@example.com Password：changeme使用此默认用户登录后，系统会立即要求您修改您的详细信息并更改您的密码。{dotted startColor="#ff6c6c" endColor="#1989fa"/}六、 在cf上设置和在 Nginx界面设置

Linux系统下常用命令【不断补充】 Linux系统下常用命令 【不断补充】退出数据库：exit删除指定web1文件夹下的所有文件：rm -rf /home/web/html/web1在指定web1文件夹下建立一个文件index.html：touch /home/web/html/web1/index.html在指定html文件夹下建立新文件夹web1，并进入建立后的web1文件夹：cd /home/web/html/ && mkdir web1 && cd web1解压到指定文件夹下：unzip /一级文件夹/二级文件夹/.../XXX.zip -d /一级文件夹/二级文件夹/.../最后指定文件目录/使用 mv 命令指定要移动的文件夹和目标文件夹的路径：mv /一级文件夹/二级文件夹/.../* /一级文件夹/二级文件夹/.../最后指定文件目录/下载typecho.zip源码，解压后，删除：wget https://github.com/typecho/typecho/releases/download/v1.2.1/typecho.zip unzip typecho.zip rm typecho.zip编辑docker-compose.yml文件：nano /home/web/docker-compose.yml进入文件夹命令：cd创建文件夹命令：mkdir创建文件命令：touch删除命令：rm退出编辑并保存：ctry+X+Y+确定【4个键组合】一、ZIP压缩打包和解压1、打包解压打包命令如下（提前在根目录创建好/backup）：zip -q -r /backup/backup$(date +%Y%m%d%H%M).zip /opt以上命令是将文件夹/opt下所有的文件及子文件夹打包到/backup目录下，并以时间来命名。解压命令如下：unzip /backup/backup20200925.zip -d /opt以上命令是将压缩包解压到/opt目录下。2、加密压缩加密压缩如下：zip -q -r -P'wzfou123' /backup/backup$(date +%Y%m%d%H%M).zip /opt以上命令是将文件夹/opt下所有的文件及子文件夹打包到/backup目录下，设置了加密密码“123456”，并以时间来命名。加密解压如下：unzip -P'wzfou123' /backup/backup20200925.zip -d /opt以上命令是将压缩包解压到/opt目录下，请替换你的密码。二、Tar压缩打包和解压1、打包解压打包命令如下（提前在根目录创建好/backup）：tar -czvf /backup/backup$(date +%Y%m%d%H%M).tar.gz /opt以上命令是将文件夹/opt下所有的文件及子文件夹打包到/backup目录下，并以时间来命名。解压命令如下：tar zxvf /backup/backup20200925.tar.gz -C /opt以上命令是将压缩包解压到/opt目录下。2、加密压缩加密压缩如下：tar zcvf - /opt | openssl des3 -salt -k '123456' -out /backup/backup$(date +%Y%m%d%H%M).tar.gz以上命令是将文件夹/opt下所有的文件及子文件夹打包到/backup目录下，设置了加密密码“123456”，并以时间来命名。加密解压如下：openssl des3 -d -k '123456' -salt -in /backup/backup20200925.tar.gz | tar zxvf - -C /opt以上命令是将压缩包解压到/opt目录下，请替换你的密码。