歌曲封面 未知作品
  • 歌曲封面あの日のままのぼくら雨宮天
  • 歌曲封面やさしさに包まれたなら松任谷由実
  • 歌曲封面夜、萤火虫和你AniFace
  • 歌曲封面Rum and Coca ColaThe Andrews Sisters
  • 歌曲封面ShelterPorter Robinson

萌ICP备20210005号

辽ICP备2021005644号

绯色之喵 @2009

网站已运行 4 年 259 天 1 小时 23 分

Powered by Typecho & Sunny

2 online · 32 ms

歌曲封面 未知作品
  • 歌曲封面あの日のままのぼくら雨宮天
  • 歌曲封面やさしさに包まれたなら松任谷由実
  • 歌曲封面夜、萤火虫和你AniFace
  • 歌曲封面Rum and Coca ColaThe Andrews Sisters
  • 歌曲封面ShelterPorter Robinson

萌ICP备20210005号

辽ICP备2021005644号

绯色之喵 @2009

网站已运行 4 年 259 天 1 小时 23 分

Powered by Typecho & Sunny

4 online · 36 ms

Title

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

绯色之喵

·

Typecho

·

Article
⚠️ 本文最后更新于2023年07月19日,已经过了493天没有更新,若内容或图片失效,请留言反馈
现在推荐使用 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 代码:
<?php

/**
 * 新闻
 * 
 * @package custom 
 * 
 **/

?>
  • 将内部<?php $this->need('public/article.php'); ?>代码替换成api的示例代码,别忘了换token
  • $err = curl_error($curl);下添加一行$a=json_decode($response,true);,效果为:
♾️ php 代码:
$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,也可以显示其他内容,比如现在的奥运会奖牌榜
现在已有 461 次阅读,38 条评论,0 人点赞

广告

页底广告 页底广告
Comment:共38条
发表
  1. 头像
    @
    eclipse
    大佬,学习一下
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 头像
    @
    不要等明天,明天太遥远今天就行动。🤔
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  3. 头像
    @
    看起来不错,我也试试
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      可能有些过时了,还是用rss方便
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  4. 头像
    @
    看看先~
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  5. 头像
    @
    谢谢博主的分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  6. 头像
    @
    专业定制-P图
    xue西学习
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  7. 头像
    @
    trap、
    来学习咯
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  8. 头像
    @
    bookpplr
    感谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  9. 头像
    @
    向大佬学习。
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  10. 头像
    @
    学习了
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  11. 头像
    @
    这个可以 谢谢分享。
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  12. 头像
    @
    感谢
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  13. 头像
    @
    啭捔儚俖遇笕
    多谢大佬分享
    · QQ浏览器

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  14. 头像
    @
    嘿嘿
    谢谢
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  15. 头像
    @
    夕阳
    感谢大佬表情分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      可这不是表情文章啊qaq
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  16. 头像
    @
    多谢大佬分享,嘻嘻
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  17. 头像
    @
    蓝胖子
    666666
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  18. 头像
    @
    可以
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      嘿嘿,那是
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  19. 头像
    @
    看看支持下
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      哇,都这么晚了还在整博客
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  20. 头像
    @
    宿生
    https://www.helloimg.com/images/2021/08/02/CsPjPc.jpg
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      其实你第一次发的图我后台能看到,只不过前台看不到
      重复评论太多我就删了删
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    2. 头像
      @
      恩,我貌似把发图功能禁用了我试了安卓手机和ipad,均显示正常,你这是啥浏览器,换个吧https://z3.ax1x.com/2021/08/02/f9OngO.png
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
      1. 头像
        @
        宿生 @火喵酱
        OPPO浏览器
        · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 1 💖 0 💯 0 💦 0 😄 0 🪙 0
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主 欢迎访问喵喵的博客,记录每日好心情! 不再显示
博主