其他站自定义调用一为热榜 api

2021-08-03 发布于热榜 API

目前V2版一为热榜 api 支持第三方站调用,可以在任何地方插入,正文,小工具,侧边栏等。

接口说明

请求地址

地址 协议 方法
ionews.top https get

请求参数

参数 类型 可选 说明
key string 必选 购买的key
id int 必选 如:百度指数 100000 ,获取热榜的id,列表
select string 必选 选择器,目前版本必须,HTML元素的ID,如:io_news
css string 可选 如:card。暂时只有 card 风格
encode string 可选 如:js。暂时只有 js,json以后支持

返回格式

名称 类型 说明
state int 状态,1为成功
title string 名称
subtitle string 小标题
update_time string 更新时间
data array 内容

因暂时只有 encode=js 的类型,所以可以忽略返回格式。

使用示例

<div id="io_news" class="rule-content">加载中...</div>
<script src="https://ionews.top/hot.php?key=你的KEY&id=热榜ID&select=io_news"></script>

其他站自定义调用一为热榜 api

注意:代码里 <div> 内容的 id 一定要和请求地址的 select 的值一样

如果一个页面插入多个热榜,请使用不同的 select 选择器,如 io_news1、 io_news2、 io_news3

添加到你想要显示的地方,刷新页面你就会看到对应的热榜了,如下图,然后你在自己编辑一个好看的css就完成了。

其他站自定义调用一为热榜 api

如果你不想自己编辑css,可以在请求地址后面加上 css 参数 css=card,这样就可以添加默认的css样式了,如下图。

其他站自定义调用一为热榜 api

如果想自定义css,可以参考 https://cdn.jsdelivr.net/gh/owen0o0/ioStaticResources/ionews/css/io-hot.css 这个文件

如果你用的wordpress,也可以添加到小工具中

其他站自定义调用一为热榜 api
加载中...

仍然有问题? 我们要如何帮助您?
One Nav 导航主题