JOE主题首页显示新闻早报API,可每日更新(功能可扩展)
 文章目录

原创

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

火喵酱
typechoapi新闻joe主题前端
2021年7月28日 24 评论 1,257 阅读 正在检测是否收录...
现在推荐使用 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,也可以显示其他内容,比如现在的奥运会奖牌榜

- - - The END - - -

- - - 打 赏 - - -
版权属于: 火喵 ©
最后更新: 2021 年 11 月 25 日 17 时
解压密码: ✽✽✽✽✽✽
阅读时间: 本文共 589 个字数,平均阅读时长 ≈ 2分钟

共计 24 条评论,点此发表评论

人机验证

  1. 头像
    @
    浙江
    嘿嘿
    水手

    海员

    谢谢

  2. 头像
    @
    广东
    夕阳
    士官长

    海员

    二副

    感谢大佬表情分享

    1. 头像
      @
      喵星
      火喵酱
      @ 夕阳

      提督

      可这不是表情文章啊qaq

  3. 头像
    @
    广东
    水手

    海员

    多谢大佬分享,嘻嘻

  4. 头像
    @
    本机地址
    蓝胖子
    水手

    海员

    666666

  5. 头像
    @
    本机地址
    夏目
    水手

    海员

    可以

    1. 头像
      @
      喵星
      火喵酱
      @ 夏目

      提督

      嘿嘿,那是:@(b38)

  6. 头像
    @
    山西
    鹤归
    水手

    海员

    看看支持下

    1. 头像
      @
      喵星
      火喵酱
      @ 鹤归

      提督

      哇,都这么晚了还在整博客

    1. 头像
      @
      喵星
      火喵酱
      @ 宿生

      提督

      恩,我貌似把发图功能禁用了:@(b19)

      我试了安卓手机和ipad,均显示正常,你这是啥浏览器,换个吧:@(b36)

      https://z3.ax1x.com/2021/08/02/f9OngO.png

      1. 头像
        @
        湖南
        宿生
        @ 火喵酱
        士官

        海员

        OPPO浏览器

    2. 头像
      @
      喵星
      火喵酱
      @ 宿生

      提督

      其实你第一次发的图我后台能看到,只不过前台看不到
      重复评论太多我就删了删:@(b36)

  7. 头像
    @
    湖南
    宿生
    士官

    海员

    这个评论的特效可以分享一下吗?

    1. 头像
      @
      喵星
      火喵酱
      @ 宿生

      提督

      你是说打字飞出的彩色小球球么?我用的插件自带的

      https://www.txmmp.cn/index.php/archives/27/

  8. 头像
    @
    湖南
    宿生
    士官

    海员

    日常看别人帖子

    1. 头像
      @
      喵星
      火喵酱
      @ 宿生

      提督

      :@(ac22)

      1. 头像
        @
        湖南
        宿生
        @ 火喵酱
        士官

        海员

        这个颜色能不能换了换一下,我看了半天才发现那白色的地方有字,还是长按才看见那字,我就说怎么牛头不对马嘴୧(๑•̀⌄•́๑)૭

        1. 头像
          @
          喵星
          火喵酱
          @ 宿生

          提督

          没理解是哪里看不清,你可以截个图,评论发md语法我就能看到

  9. 头像
    @
    湖北
    士官长

    海员

    试试

    1. 头像
      @
      喵星
      火喵酱
      @

      提督

      你咋换名字了

  10. 头像
    @
    广西
    鑫旺
    士官

    海员

    我又来了

  11. 头像
    @
    广西
    鑫旺
    士官

    海员

    太难了,大佬救命!

    1. 头像
      @
      喵星
      火喵酱
      @ 鑫旺

      提督

      复制粘贴就好了:@(b06)