Typecho-Joe主题实现手机端登录/注册功能 1.修改header.php文件，新增代码，文件路径：usr/themes/Joe/public<ul class="joe_header__slideout-menu panel-box" style="margin-top: 15px; <?php if(Helper::options()->login4Phone !== 'on') echo 'display:none;' ?>"> <li> <?php if ($this->user->hasLogin()) : ?> <a class="link panel" href="#" rel="nofollow"> <span><?php $this->user->screenName(); ?></span> <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"> <path d="M231.594 610.125C135.087 687.619 71.378 804.28 64.59 935.994c-.373 7.25 3.89 23.307 30.113 23.307s33.512-16.06 33.948-23.301c6.861-114.025 63.513-214.622 148.5-280.346 3.626-2.804 16.543-17.618 3.24-39.449-13.702-22.483-40.863-12.453-48.798-6.08zm280.112-98.44v63.96c204.109 0 370.994 159.345 383.06 360.421.432 7.219 8.649 23.347 32.44 23.347s31.991-16.117 31.62-23.342c-12.14-236.422-207.676-424.386-447.12-424.386z" /> <path d="M319.824 319.804c0-105.974 85.909-191.883 191.882-191.883s191.883 85.91 191.883 191.883c0 26.57-5.405 51.88-15.171 74.887-5.526 14.809-2.082 31.921 20.398 38.345 23.876 6.822 36.732-8.472 41.44-20.583 11.167-28.729 17.294-59.973 17.294-92.65 0-141.297-114.545-255.842-255.843-255.842S255.863 178.506 255.863 319.804s114.545 255.843 255.843 255.843v-63.961c-105.973-.001-191.882-85.909-191.882-191.882z" /> <path d="M512 255.843s21.49-5.723 21.49-31.306S512 191.882 512 191.882c-70.65 0-127.921 57.273-127.921 127.922 0 3.322.126 6.615.375 9.875.264 3.454 14.94 18.116 37.044 14.425 22.025-3.679 26.6-21.93 26.6-21.93-.028-.788-.06-1.575-.06-2.37.001-35.325 28.637-63.961 63.962-63.961z" /> </svg> </a> <ul class="slides panel-body"> <li> <?php if ($this->user->group == 'administrator' || $this->user->group == 'editor' || $this->user->group == 'contributor') : ?> <a class="link" rel="noopener noreferrer nofollow" target="_blank" href="<?php $this->options->adminUrl("write-post.php"); ?>">撰写新文章</a> <?php endif; ?> </li> <li> <?php if ($this->user->group == 'administrator' || $this->user->group == 'editor' || $this->user->group == 'contributor') : ?> <a class="link" rel="noopener noreferrer nofollow" target="_blank" href="<?php $this->options->adminUrl("manage-posts.php"); ?>">管理文章</a> <?php endif; ?> </li> <li> <?php if ($this->user->group == 'administrator' || $this->user->group == 'editor') : ?> <a class="link" rel="noopener noreferrer nofollow" target="_blank" href="<?php $this->options->adminUrl("manage-comments.php"); ?>">管理评论</a> <?php endif; ?> </li> <li> <?php if ($this->user->group == 'administrator') : ?> <a class="link" rel="noopener noreferrer nofollow" target="_blank" href="<?php $this->options->adminUrl("options-theme.php"); ?>">修改外观</a> <?php endif; ?> </li> <li> <a class="link" rel="noopener noreferrer nofollow" target="_blank" href="<?php $this->options->adminUrl(); ?>">进入后台</a> </li> <li> <a class="link" rel="noopener noreferrer nofollow" href="<?php $this->options->logoutUrl(); ?>">退出登录</a> </li> </ul> <?php else : ?> <a class="link panel" href="#" rel="nofollow"> <span>用户登录</span> <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"> <path d="M231.594 610.125C135.087 687.619 71.378 804.28 64.59 935.994c-.373 7.25 3.89 23.307 30.113 23.307s33.512-16.06 33.948-23.301c6.861-114.025 63.513-214.622 148.5-280.346 3.626-2.804 16.543-17.618 3.24-39.449-13.702-22.483-40.863-12.453-48.798-6.08zm280.112-98.44v63.96c204.109 0 370.994 159.345 383.06 360.421.432 7.219 8.649 23.347 32.44 23.347s31.991-16.117 31.62-23.342c-12.14-236.422-207.676-424.386-447.12-424.386z" /> <path d="M319.824 319.804c0-105.974 85.909-191.883 191.882-191.883s191.883 85.91 191.883 191.883c0 26.57-5.405 51.88-15.171 74.887-5.526 14.809-2.082 31.921 20.398 38.345 23.876 6.822 36.732-8.472 41.44-20.583 11.167-28.729 17.294-59.973 17.294-92.65 0-141.297-114.545-255.842-255.843-255.842S255.863 178.506 255.863 319.804s114.545 255.843 255.843 255.843v-63.961c-105.973-.001-191.882-85.909-191.882-191.882z" /> <path d="M512 255.843s21.49-5.723 21.49-31.306S512 191.882 512 191.882c-70.65 0-127.921 57.273-127.921 127.922 0 3.322.126 6.615.375 9.875.264 3.454 14.94 18.116 37.044 14.425 22.025-3.679 26.6-21.93 26.6-21.93-.028-.788-.06-1.575-.06-2.37.001-35.325 28.637-63.961 63.962-63.961z" /> </svg> </a> <ul class="slides panel-body"> <li> <a class="link" href="<?php $this->options->adminUrl('login.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">登录</a> <?php if ($this->options->allowRegister) : ?> <a class="link" href="<?php $this->options->adminUrl('register.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">注册</a> <?php endif; ?> </li> </ul> <?php endif; ?> </li> </ul>放在ul后面2.修改functions.php，最后新增，文件路径：usr/themes/Joe// 手机端登录 $login4Phone = new Typecho_Widget_Helper_Form_Element_Select( 'login4Phone', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'on', '是否启用手机端登录功能', '介绍：开启后，手机端侧边栏将展示登录功能和登录后的操作' ); $login4Phone->setAttribute('class', 'joe_content joe_custom'); // 如果无法展示，则将joe_custom替换为joe_other $form->addInput($login4Phone->multiMode());

typecho-joe主题添加音乐分享 歌单播放{music-list id="8904187604" color="#1989fa" autoplay="autoplay"/}单曲播放{music id="192251" color="#00ffff" autoplay="autoplay"/}音乐搜索音乐地址 　作者原地址失效了，所以替换播放插件地址就行了。，主要替换两个地方这是歌单 /usr/themes/Joe/assets/js/joe.short.min.js这是单曲 /usr/themes/Joe/assets/js/joe.short.js修改方法是用：https://www.nmssb.cn/usr/themes/Joe/163musicapi.php?id=(借用笔记堡地址)替换掉https://www.vvhan.com/usr/themes/Joe/NeteaseCloudMusicApi.php?id=(原作者地址)就好了也可以把附件里面的NeteaseCloudMusicApi.php，放在自己网站，然后修改地址为自己的网站地址。{cloud title="音乐文件" type="lz" url="https://hndy8.lanzoub.com/iPprk2y4komh" password="77mu"/}

鼠标点击出现爱心特效 <script> //鼠标点击出现爱心特效 (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback){ setTimeout(callback,1000/60); } })(); init(); function init(){ css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}"); attachEvent(); gameloop(); } function gameloop(){ for(var i=0;i<hearts.length;i++){ if(hearts[i].alpha <=0){ document.body.removeChild(hearts[i].el); hearts.splice(i,1); continue; } hearts[i].y--; hearts[i].scale += 0.004; hearts[i].alpha -= 0.013; hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color; } requestAnimationFrame(gameloop); } function attachEvent(){ var old = typeof window.onclick==="function" && window.onclick; window.onclick = function(event){ old && old(); createHeart(event); } } function createHeart(event){ var d = document.createElement("div"); d.className = "heart"; hearts.push({ el : d, x : event.clientX - 5, y : event.clientY - 5, scale : 1, alpha : 1, color : randomColor() }); document.body.appendChild(d); } function css(css){ var style = document.createElement("style"); style.type="text/css"; try{ style.appendChild(document.createTextNode(css)); }catch(ex){ style.styleSheet.cssText = css; } document.getElementsByTagName('head')[0].appendChild(style); } function randomColor(){ return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")"; } })(window,document); </script>

博客添加实时显示FPS帧率代码 网页上实时显示 FPS（每秒帧数）帧率，不知道有什么用，可能好的电脑才能看出区别吧。<script> jQuery(document).ready(function($){ $('body').before('<div id="fps" style="position: fixed;right: 20px;color: #fff;line-height: 1;z-index:10000;padding: 5px 8px;"></div>'); var showFPS = (function() { var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; var e, pe, pid, fps, last, offset, step, appendFps; fps = 0; last = Date.now(); step = function() { offset = Date.now() - last; fps += 1; if (offset >= 1000) { last += offset; appendFps(fps); fps = 0; } requestAnimationFrame(step); }; appendFps = function(fps) { console.log(fps + ' FPS'); $('#fps').html(fps + ' FPS'); }; step(); })(); }); </script>

简单统计今天、本月和总访问量php代码 编写一个名为 stat.php 的文件，编写如下代码：<?php // 今天、本月和总访问量 function stats() { $visits = []; $now = time(); // 统计今天访问量 $today = strtotime(date('Y-m-d', $now)); $visits['today'] = file_exists('stat.txt') ? file_get_contents('stat.txt') : 0; $visits['today'] += 1; file_put_contents('stat.txt', $visits['today']); // 统计本月访问量 $month = strtotime(date('Y-m', $now)); $visits['month'] = file_exists('month_stat.txt') ? file_get_contents('month_stat.txt') : 0; $visits['month'] += 1; file_put_contents('month_stat.txt', $visits['month']); // 统计总访问量 $visits['all'] = file_exists('all_stat.txt') ? file_get_contents('all_stat.txt') : 0; $visits['all'] += 1; file_put_contents('all_stat.txt', $visits['all']); return $visits; } // 输出统计结果 $visits = stats(); echo "今天访问量：" . $visits['today'] . "次<br>"; echo "本月访问量：" . $visits['month'] . "次<br>"; echo "总访问量：" . $visits['all'] . "次<br>"; ?>访问 stat.php 文件，您将看到今天、本月和总访问量的统计结果。当有多个用户同时访问时，访问量会自动累加。若要清除访问量记录，只需删除 stat.txt、month_stat.txt 和 all_stat.txt 文件即可。这个示例仅统计了今天、本月和总访问量，并未实现实时统计。如需实时展示访问量，您可以结合 PHP 缓存技术或其他实时统计方法。同时，为了保证数据安全，请确保文件权限设置合适，并使用 PHP 的文件操作函数。

前端api接口随机图片 樱花：https://www.dmoe.cc/random.php夏沫博客：https://cdn.seovx.com/?mom=302https://cdn.seovx.com/d/?mom=302https://cdn.seovx.com/ha/?mom=302搏天api：https://api.btstu.cn/sjbz/api.php姬长信API：----每日bing：https://api.isoyu.com/bing_images.php----美女图片壁纸：https://api.isoyu.com/mm_images.php----网红专栏壁纸：https://api.isoyu.com/beibei_images.php----动态IP签名图片：https://api.isoyu.com/ip_images.php?signature=早安----ARU(阿鲁)表情包：https://api.isoyu.com/ARU_GIF_S.php樱道：https://api.r10086.com/动漫综合1.php （网站中有更多api接口）保罗｜API：https://api.paugram.com/wallpaper/墨天逸：https://api.mtyqx.cn/tapi/random.phpEEE.DOG：https://api.yimian.xyz/img岁月小筑：https://img.xjh.me/random_img.php东方Project：https://img.paulzzh.tech/touhou/randomxyg随即图：https://api.likepoems.com/星港随机图片API:https://xg.x-xh.cn/?p=251（网站中有更多api接口）2、api网站整合2.1 樱花网址：https://www.dmoe.cc/2.2 晓晴博客网址：https://www.toubiec.cn/318.html源码项目地址：https://www.toubiec.cn/99.html2.3 Unsplash Image API官方网址：https://source.unsplash.com/API地址：https://source.unsplash.com/random简单的嵌入Unsplash图片，可以登录Unsplash账号设置，也可以自定义筛选接口的图片类型2.4 夏沫博客网址：https://cdn.seovx.com/在线古风美图二次元API接口2.5 搏天api网址：https://api.btstu.cn/doc/sjbz.php随机输出各类壁纸2.6 姬长信API网址：https://api.isoyu.com/姬长信API For Docker 一个基于多种编程语言开源免费不限制提供生活常用,出行服务,开发工具,金融服务,通讯服务和公益大数据的平台.2.7 樱道网址：https://img.r10086.com/2.8 小歪API网址：https://api.ixiaowai.cn/2.9 保罗｜API网址：https://api.paugram.com/help/wallpaper生成适合 Single 主题的白底动漫壁纸2.10 墨天逸网址：https://api.mtyqx.cn/2.11 EEE.DOG网址：https://www.eee.dog/tech/rand-pic-api.html本API基于华为云对象存储，使用华为CDN云加速，全球平均下载速度达10MB/s。API中已收录1100+张二次元图片，20+张Bing壁纸(每日自动抓取)，150+张二次元头像，10+张图床上传图片。2.12 岁月小筑网址：https://img.xjh.me/2.13 东方Project网址：https://img.paulzzh.tech/2.14 xyg随即图（本站）网址：https://api.likepoems.com/2.15 星港随机图片API网址：https://xg.x-xh.cn/?p=251

随机小姐姐短视频引流源码 一、简介本模板是一款简洁而美观的HTML页面，专为个人引流而设计。二、使用步骤将本HTML源码复制后，在主机空间或服务器内根目录创建一个index.html打开index.html文件进行编辑。根据个人需求，修改页面中的内容、样式、文本信息等。三、功能特点简洁美观，页面设计简洁源码<html> <head> <meta charset="UTF-8"> <style> #switch,#next1{ background: #7F9CCC; color:#fff; line-height:40px; text-align:center; width:100px; border:none; margin:0 6px; border-radius:6px; font-weight:bold; } </style> </head> <body> <section id="main"> <video id="player" src="https://dwz.mk/MVZVjy" controls="controls" width="100%" height="500px"></video> </section> <div style="text-align: center;"> <section id="buttons"> <button id="switch">连续: 开</button><button id="next1">换一个</button> </section> </div> <script> (function (window, document) { if (top != self) { window.top.location.replace(self.location.href); } var get = function (id) { return document.getElementById(id); } var bind = function (element, event, callback) { return element.addEventListener(event, callback); } var auto = true; var player = get('player'); var randomm = function () { player.src = 'http://v.nrzj.vip/video.php?_t=' + Math.random(); player.play(); } bind(get('next1'), 'click', randomm); bind(player, 'error', function () { randomm(); }); bind(get('switch'), 'click', function () { auto = !auto; this.innerText = '连续: ' + (auto ? '开' : '关'); }); bind(player, 'ended', function () { if (auto) randomm(); }); })(window, document);</script> <script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script> </body> </html>效果如下：switch,#next1{background: #7F9CCC;color:#fff;line-height:40px;text-align:center;width:100px;border:none;margin:0 6px;border-radius:6px;font-weight:bold;} 连续: 开换一个 (function (window, document) { if (top != self) { window.top.location.replace(self.location.href); } var get = function (id) { return document.getElementById(id); } var bind = function (element, event, callback) { return element.addEventListener(event, callback); } var auto = true; var player = get('player'); var randomm = function () { player.src = 'http://v.nrzj.vip/video.php?_t=' + Math.random(); player.play(); } bind(get('next1'), 'click', randomm); bind(player, 'error', function () { randomm(); }); bind(get('switch'), 'click', function () { auto = !auto; this.innerText = '连续: ' + (auto ? '开' : '关'); }); bind(player, 'ended', function () { if (auto) randomm(); }); })(window, document);var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();

硬盘挂载固定挂载路径，解决只会自动挂载一个盘的问题 1.用root用户登录。blkid2.可以直接Vim改/etc/fstab，但改之前建议先添加一条写入信息然后再改，让系统先生成自己系统盘相关信息。同时也可以提前备份一下，乱改可能会无法开机。也可以使用命令echo "UUID=×××× /mnt/××× ext4 defaults 0 0" >>/etc/fstab 此处填挂载盘现在的文件系统，有fat32、ntfs等等，此命令是在/etc/fstab下写入硬盘固定的位置等信息。关于/etc/fstab下如defaults 0 0配置的含义，有网络 教程https://blog.csdn.net/youmatterhsp/article/details/83933158https://blog.csdn.net/b7376811/article/details/120607514