前两天给云任务平台上线了个小工具箱功能,其中就有一键生成个人主页,调用的是这个接口: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账号

截图

1