其他站自定義調(diào)用一為熱榜 api
目前V2版一為熱榜 api 支持第三方站調(diào)用,可以在任何地方插入,正文,小工具,側(cè)邊欄等。
接口說(shuō)明
請(qǐng)求地址
地址 | 協(xié)議 | 方法 |
---|---|---|
ionews.top | https | get |
請(qǐng)求參數(shù)
參數(shù) | 類型 | 可選 | 說(shuō)明 |
---|---|---|---|
key | string | 必選 | 購(gòu)買的key |
id | int | 必選 | 如:百度指數(shù) 100000 ,支持多個(gè),用逗號(hào)分割:100000,100011
取熱榜的id,列表 |
select | string | 可選 | 選擇器,encode=js 時(shí)必選,HTML元素的ID,如:io_news |
css | string | 可選 | 如:card 。暫時(shí)只有 card 風(fēng)格 |
encode | string | 可選 | 如:js 。默認(rèn) js ,可選 json |
json返回格式
名稱 | 類型 | 說(shuō)明 |
---|---|---|
state | int | 狀態(tài),1為成功,0為錯(cuò)誤 |
time | string | 時(shí)間 |
data | array | 內(nèi)容 |
msg | string | 消息 |
使用示例
js示例:
<div id="io_news" class="rule-content">加載中...</div> <script src="https://ionews.top/hot.php?key=你的KEY&id=熱榜ID&select=io_news"></script>

注意:代碼里 <div> 內(nèi)容的 id
一定要和請(qǐng)求地址的 select
的值一樣
如果一個(gè)頁(yè)面插入多個(gè)熱榜,請(qǐng)使用不同的 select
選擇器,如 io_news1
、?io_news2
、?io_news3
json示例:
$url = "https://www.ionews.top/api/get.php?key=你的KEY&id=100005&encode=json"; // 初始化curl $ch = curl_init(); // 設(shè)置curl選項(xiàng) curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($ch, CURLOPT_TIMEOUT, 30); // 執(zhí)行請(qǐng)求 $response = curl_exec($ch); // 檢查是否有錯(cuò)誤發(fā)生 if(curl_errno($ch)) { echo 'Curl error: ' . curl_error($ch); } // 關(guān)閉curl curl_close($ch); // 輸出結(jié)果 echo $response;
js其他說(shuō)明
添加到你想要顯示的地方,刷新頁(yè)面你就會(huì)看到對(duì)應(yīng)的熱榜了,如下圖,然后你在自己編輯一個(gè)好看的css就完成了。

如果你不想自己編輯css,可以在請(qǐng)求地址后面加上 css 參數(shù) css=card
,這樣就可以添加默認(rèn)的css樣式了,如下圖。

如果想自定義css,可以參考 https://cdn.jsdelivr.net/gh/owen0o0/ioStaticResources/ionews/css/io-hot.css 這個(gè)文件
如果你用的wordpress,也可以添加到小工具中

加載中...
主題安裝教程熱榜