前两天给云任务平台上线了个小工具箱功能,其中就有一键生成个人主页,调用的是这个接口:http://www.xiaobaishegongku.site/zy/api/api.php?name=中国移动我不动&qq=2550863610
现在就将接口的原代码给分享出来
代码
<!--流星小屋原创www.liuxinghy.top-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title><?php echo $_GET['name'] ?>-个人主页</title>
<!--为搜索引擎定义关键词-->
<meta name="keywords" content="流星小屋">
<!--为网页定义描述内容 用于告诉搜索引擎,你网站的主要内容-->
<meta name="description" content="我爱云任务www.liuxingyu.icu">
<!--定义网页作者-->
<meta name="author" content="我爱云任务www.liuxingyu.icu">
<!--网站版权-->
<meta name="copyright" content="我爱云任务www.liuxingyu.icu">
<!--指定IE和Chrome使用最新版本渲染当前页面-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta http-equiv="cache-control" content="no-cache">
<!--禁止百度自动转码 用于禁止当前页面在移动端浏览时,被百度自动转码,虽然百度的本意是好的,但是转码效果很多时候却不尽人意-->
<!--meta http-equiv="Cache-Control" content="no-siteapp" /-->
<!-- 分享网页时显示的标题-QQ-->
<meta itemprop="name" content="<?php echo $_GET['name'] ?>-个人主页" />
<!-- 分享网页时显示的缩略图-QQ-->
<meta itemprop="image" content="https://q1.qlogo.cn/g?b=qq&nk=<?php echo $_GET['qq'] ?>&s=640" />
<!--分享网页时时显示的内容-QQ-->
<meta name="description" itemprop="description" content="<?php echo $_GET['name'] ?>-个人主页" />
<!--设置自动适应电脑和手机屏幕-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=no minimal-ui">
<!--设置浏览器栏favicon图标-->
<link rel="icon" href="" type="image/x-icon"/>
<meta name="robots" content="index,follow">
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="http://www.xiaobaishegongku.site/zy/api/css/style.css">
<link rel="stylesheet" type="text/css" href="http://www.xiaobaishegongku.site/zy/api/css/iconfont.css">
<link rel="icon" href="./favicon.ico">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/izitoast@1.4.0/dist/css/iziToast.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/izitoast@1.4.0/dist/js/iziToast.min.js"></script>
<!--引入fontawesome-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-fontawesome-pro@master/css/all.min.css"
media="all">
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
<!--<span class="mobile btn-mobile-menu">
<i class="social iconfont icon-list btn-mobile-menu__icon"></i>
<i class="social iconfont icon-ngleup btn-mobile-close__icon hidden"></i>
</span>-->
<header id="panel" class="panel-cover">
<div class="panel-main">
<div class="panel-main__inner panel-inverted">
<div class="panel-main__content">
<div class="ih-item circle effect right_to_left">
<a class="blog-button">
<div class="img"><img src="https://q1.qlogo.cn/g?b=qq&nk=<?php echo $_GET['qq'] ?>&s=640" alt="img" class="js-avatar iUp profilepic">
</div>
<div class="info iUp">
<div class="info-back">
<h2>Fighting</h2>
<p>2023 · 依然努力中</p>
</div>
</div>
</a>
</div>
<h1 class="panel-cover__title panel-title iUp">
<br /><?php echo $_GET['name'] ?>
</h1>
<p class="panel-cover__subtitle panel-subtitle iUp">Welcome to my website</p>
<hr class="panel-cover__divider iUp" />
<!--一言无法显示时的文字-->
<p id="description" class="panel-cover__description iUp">每一个人都应该明确自己的方向和位置
<br />
<strong>-「無名」</strong>
</p>
<div class="navigation-wrapper iUp">
<div>
<nav class="cover-navigation cover-navigation--primary">
<ul class="navigation">
<li class="navigation__item">
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $_GET['qq'] ?>&site=qq&menu=yes" target="_blank" class="blog-button">
<div>联系我吧</div>
</a>
</li>
</ul>
</nav>
</div>
<div class="iUp">
<nav class="cover-navigation navigation--social">
<ul class="navigation">
<li class="navigation__item">
<a href="/" title="Github" target="_blank">
<i class="fas fa-code-branch"></i>
<span class="label">Github</span>
</a>
</li>
<li class="navigation__item">
<a href="/" title="Telegram" target="_blank">
<i class="fab fa-telegram-plane"></i>
<span class="label">TG</span>
</a>
</li>
<li class="navigation__item">
<a href="/" title="Twitter" target="_blank">
<i class="fab fa-twitter"></i>
<span class="label">Twitter</span>
</a>
</li>
<li class="navigation__item">
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $_GET['qq'] ?>&site=qq&menu=yes" title="QQ"
target="_blank">
<i class="fab fa-qq"></i>
<span class="label">QQ</span>
</a>
</li>
<script>
</script>
</a>
</li>
<li class="navigation__item">
<a href="/" title="Email">
<i class="fas fa-envelope"></i>
<span class="label">Email</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="panel-cover--overlay cover-slate"></div>
</div>
<div class="remark iUp">
<p class="power">Copyright © 2023
<script>document.write(' - ' + (new Date()).getFullYear())</script> <?php echo $_GET['name'] ?>
</p>
</div>
</header>
<!--izitoast弹窗设置-->
<script>
iziToast.settings({
timeout: 4000,//调试
icon: 'Fontawesome',
closeOnEscape: 'true',
position: 'topRight',
transitionOut: 'fadeOutRight',
displayMode: '2',
layout: '2',
transitionIn: 'bounceInLeft',
});
</script>
<script type="text/javascript" src="http://www.xiaobaishegongku.site/zy/api/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.xiaobaishegongku.site/zy/api/js/fetch.min.js"></script>
<script type="text/javascript" src="http://www.xiaobaishegongku.site/zy/api/js/main.js"></script>
</body>
</html>
教程
创建一个api.php文件,将代码复制粘贴到这个文件保存,然后接口地址就是 :
http://你的域名/api.php?name=网名&qq=QQ账号