博客主页 😥
JOE主题首页显示新闻早报API,可每日更新(功能可扩展)
JOE主题首页显示新闻早报API,可每日更新(功能可扩展)

Author:

火喵酱

©

Wordage:

共计 5373 字

needs:

约 2 分钟

Popular:

3498 ℃

Created:

:本文最后更新于2022年09月19日,已经过了263天没有更新,若内容或图片失效,请留言反馈
目 录
现在推荐使用 RSS方式呈现“新闻早报” (但是API方式本教程没毛病啦 |´・ω・)ノ )

今天有小伙伴来问我,主页的新闻是怎么做的,讲了半天也没说清楚,现在记录一下过程~

本文火喵原创,禁止原文转载,部分引用请标明参考出处及本文链接!!!

效果图

2021-7-28--14-59-42.png

内页效果因为本站已经改变,可参考 他的链接 样式,使用本站教程制作。

选择API

API有许多网站提供,可以丰富我们的博客,这里作为教程,使用本站正在使用的 ALAPI

  1. 注册后,进入后台个人中心复制出token
  2. ALAPI主页进入 每日60秒早报
  3. 查看到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的内容

此处内容,需回复之后可见

以上为自用代码,文字可修改。

注意事项

  1. 修改前记得备份
  2. 显示错误记得查看是否更改token
  3. 结尾的?>是否忘记
  4. 跳转错误记得修改成自己的内页链接

可扩展

  1. 因为不仅仅只有这一个提供api的网站,也有许多其他网站,方法是类似的
  2. alapi提供了许多不同的接口。,每天免费1000次,个人博客够用了
  3. 首页的显示方法不仅api,也可以显示其他内容,比如现在的奥运会奖牌榜
感谢!

如果觉得文章很不错,欢迎点一点下面的广告,来表达对喵喵的支持qaq

- - - The END - - -
作者:
火喵酱
文章:
绯色之喵・火喵博客
地址:
https://cat.dorcandy.cn/ea0efc0.html
更新:
2022 年 09 月 19 日 13 时
声明:
本文由博主原创,依据 CC BY-NC-SA 4.0 许可协议授权,转载请注明出处
文章二维码
JOE主题首页显示新闻早报API,可每日更新(功能可扩展)
共计 33 条评论,点此发表评论
  1. 头像
    CC142
    新人

    访客

    谢谢博主的分享

    · Win 10+ · Chrome · 天津
  2. 头像
    专业定制-P图
    新人

    访客

    xue西学习

    · Win 10+ · Chrome · 山西
  3. 头像
    trap、
    Lv.1

    访客

    来学习咯

    · Win 10+ · Chrome · 安徽
  4. 头像
    bookpplr
    新人

    访客

    感谢分享

    · Win 10+ · Chrome · 广东
  5. 头像
    空空裤兜
    新人

    访客

    向大佬学习。

    · Win 10+ · Chrome · 甘肃
  6. 头像
    满心
    Lv.2

    访客

    学习了

    · Win 10+ · Chrome · 湖北
  7. 头像
    chenmo
    新人

    访客

    这个可以 谢谢分享。

    · Win 10+ · Chrome · 湖南
  8. 头像

    感谢

    · Win 10+ · Chrome · 山东
  9. 头像
    啭捔儚俖遇笕
    Lv.1

    访客

    多谢大佬分享

    · Win 10+ · QQ浏览器 · 江苏
  10. 头像
    嘿嘿
    新人

    访客

    谢谢

    · Win 10+ · Chrome · 浙江
  11. 头像
    夕阳
    Lv.2

    访客

    感谢大佬表情分享

    · Win 10+ · Chrome · 广东
    1. 头像
      火喵酱 夕阳

      博主

      可这不是表情文章啊qaq

      · Win 10+ · Chrome · 辽宁
  12. 头像
    新人

    访客

    多谢大佬分享,嘻嘻

    · Win 10+ · Chrome · 广东
博客主页 绯色之喵・火喵博客 记录喵喵美好生活 51统计 百度统计
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 3 年 91 天 6 小时 13 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
打赏图
打赏博主
欢迎
欢迎
欢迎访问绯色之喵・火喵博客
欢迎来看望喵喵!
搜 索
足 迹
分 类
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 测试