Html+PHP热搜榜聚合站,自带API源码
熊猫 管理员 已认证 9月前

一款热搜榜聚合展示站点,直接上传即可使用,注意自带接口源码,并非接口地址,修改优化内容如下

建立本地json数据储存,减少远程获取,提升站点速度,通过get.php远程接口定时获取json数据写入到本地json文件夹内,通过前台页面直接获取已经存储在本地的json数据展示,宝塔面板直接在计划任务添加任务,比如为三分钟那你的网站数据为三分钟一更新,这样网站获取的全部为静态资源非常不错

//接口定时添加url示例,以下为http示例
//当然你的站点支持https请自行更改

http://你的域名/get.php

暗黑模式CSS,全部复制替换所有html中<style>,,,</style>部分

<style>
body {
    font-family: Arial, sans-serif;
    background-color: #111111; /* 修改背景颜色为黑色 */
    color: #ffffff; /* 修改字体颜色为白色 */
    margin: 0;
    padding: 20px;
}

h1 {
    color: #cccccc; /* 修改标题颜色为灰色 */
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px;
}

h2 {
    color: #999999; /* 修改副标题颜色为浅灰色 */
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}

p {
    color: #cccccc; /* 修改段落颜色为灰色 */
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    background-color: #222222; /* 修改列表项背景颜色为深灰色 */
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

a {
    color: #ffffff; /* 修改链接颜色为白色 */
    text-decoration: none;
}

a:hover {
    color: #ff6600;
}

/*手机端底部菜单*/
#navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #111111; /* 修改底部菜单背景颜色为黑色 */
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nav-icon {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
}

.nav-label {
    font-size: 14px;
    color: #cccccc; /* 修改底部菜单文本颜色为灰色 */
}
</style>

效果展示

 

源码下载地址见附件


本帖中包含附件 如需下载请先购买主题
最新回复 (0)