现在推荐使用 RSS方式呈现“新闻早报” (但是API方式本教程没毛病啦 |´・ω・)ノ )
今天有小伙伴来问我,主页的新闻是怎么做的,讲了半天也没说清楚,现在记录一下过程~
本文火喵原创,禁止原文转载,部分引用请标明参考出处及本文链接!!!
效果图
内页效果因为本站已经改变,可参考 他的链接 样式,使用本站教程制作。
选择API
API有许多网站提供,可以丰富我们的博客,这里作为教程,使用本站正在使用的 ALAPI
注册
后,进入后台个人中心
复制出token
- ALAPI主页进入 每日60秒早报
- 查看到php示例代码,别忘了末尾的
?>
新闻内页
因为是api,所以新闻内页我们使用独立的页面作为载体
新建页面模板
- 从
\usr\themes\Joe
复制出一份page.php
,并在头部添加
<?php
/**
* 新闻
*
* @package custom
*
**/
?>
- 将内部
<?php $this->need('public/article.php'); ?>
代码替换成api的示例代码,别忘了换token - 在
$err = curl_error($curl);
下添加一行$a=json_decode($response,true);
,效果为:
$err = curl_error($curl);
$a=json_decode($response,true);
设置新闻页
- 将
echo $response;
替换为以下代码
- 保存
- 后台新建页面,假设自定义的地址是
dailynews.html
,模板选择新闻 - 查看新页面是否显示正常
主页文章流
- 为了达到在首页显示的效果,需要修改
index.php
- 因为是每天更新,因此选择显示在文章最顶部
Ctrl
+F
查找<div class="joe_index__list" data-wow="<?php $this->options->JList_Animate() ?>">
- 在此代码上方位置粘贴上一步文章内页考过来的示例代码
- 将此前的
echo
位置开始替换echo的内容
以上为自用代码,文字可修改。
注意事项
- 修改前记得备份
- 显示错误记得查看是否更改token
- 结尾的
?>
是否忘记 - 跳转错误记得修改成自己的内页链接
可扩展
- 因为不仅仅只有这一个提供api的网站,也有许多其他网站,方法是类似的
- alapi提供了许多不同的接口。,每天免费1000次,个人博客够用了
- 首页的显示方法不仅api,也可以显示其他内容,比如现在的
奥运会奖牌榜
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @宿生👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @宿生👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @宿生👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @樱👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @鑫旺👍
💖
💯
💦
😄
🪙