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

Author:

火喵酱

©

Wordage:

共计 5373 字

needs:

约 2 分钟

Popular:

2009 ℃

Created:

:本文最后更新于2022年09月19日,已经过了72天没有更新,若内容或图片失效,请留言反馈
目 录
现在推荐使用 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 - - -
共计 29 条评论,点此发表评论
  1. 头像
    空空裤兜
    新人

    访客

    向大佬学习。

    · Win 1x · Chrome · 甘肃
  2. 头像
    满心
    Lv.1

    访客

    学习了

    · Win 1x · Chrome · 湖北
  3. 头像
    chenmo
    新人

    访客

    这个可以 谢谢分享。

    · Win 1x · Chrome · 湖南
  4. 头像

    感谢

    · Win 1x · Chrome · 山东
  5. 头像
    啭捔儚俖遇笕
    Lv.1

    访客

    多谢大佬分享

    · Win 1x · QQ浏览器 · 江苏
  6. 头像
    嘿嘿
    新人

    访客

    谢谢

    · Win 1x · Chrome · 浙江
  7. 头像
    夕阳
    Lv.2

    访客

    感谢大佬表情分享

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

      博主

      可这不是表情文章啊qaq

      · Win 1x · Chrome · 辽宁
  8. 头像
    新人

    访客

    多谢大佬分享,嘻嘻

    · Win 1x · Chrome · 广东
  9. 头像
    蓝胖子
    新人

    访客

    666666

    · Android · Chrome · 本机地址
  10. 头像
    夏目
    新人

    访客

    可以

    · Android · Chrome · 本机地址
    1. 头像
      火喵酱 夏目

      博主

      嘿嘿,那是:@(b38)

      · Win 1x · Chrome · 本机地址
  11. 头像
    鹤归
    新人

    访客

    看看支持下

    · Android · Chrome · 山西
    1. 头像
      火喵酱 鹤归

      博主

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

      · Android · Chrome · 辽宁
  12. 头像
    宿生
    Lv.1

    访客

    https://www.helloimg.com/images/2021/08/02/CsPjPc.jpg

    · Android Oreo · Chrome · 湖南
    1. 头像
      火喵酱 宿生

      博主

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

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

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

      · Win 1x · Chrome · 辽宁
      1. 头像
        宿生 火喵酱
        Lv.1

        访客

        OPPO浏览器

        · Android Oreo · Chrome · 湖南
    2. 头像
      火喵酱 宿生

      博主

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

      · Win 1x · Chrome · 辽宁
博客主页 火喵博客・日记本 经为流逝的日月,纬为人们的生业 51统计 百度统计 🌸
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 2 年 266 天 2 小时 48 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2022. 火喵酱 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 测试
  • 推广