现在推荐使用 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,也可以显示其他内容,比如现在的
奥运会奖牌榜
看看怎么操作
暂无点赞
看起来不错,我也试试
可能有些过时了,还是用rss方便
暂无点赞
暂无点赞
看看先~
暂无点赞
谢谢博主的分享
暂无点赞
xue西学习
暂无点赞
来学习咯
暂无点赞
感谢分享
暂无点赞
向大佬学习。
暂无点赞
学习了
暂无点赞
这个可以 谢谢分享。
暂无点赞
感谢
暂无点赞
多谢大佬分享
暂无点赞
谢谢
暂无点赞
感谢大佬表情分享
可这不是表情文章啊qaq
暂无点赞
暂无点赞
多谢大佬分享,嘻嘻
暂无点赞
666666
暂无点赞
可以
嘿嘿,那是:@(b38)
暂无点赞
暂无点赞
看看支持下
哇,都这么晚了还在整博客
暂无点赞
暂无点赞
https://www.helloimg.com/images/2021/08/02/CsPjPc.jpg
其实你第一次发的图我后台能看到,只不过前台看不到
重复评论太多我就删了删:@(b36)
暂无点赞
恩,我貌似把发图功能禁用了:@(b19)
我试了安卓手机和ipad,均显示正常,你这是啥浏览器,换个吧:@(b36)
https://z3.ax1x.com/2021/08/02/f9OngO.png
OPPO浏览器
暂无点赞
暂无点赞
暂无点赞
这个评论的特效可以分享一下吗?
你是说打字飞出的彩色小球球么?我用的插件自带的
https://www.txmmp.cn/index.php/archives/27/
暂无点赞
暂无点赞