侧边栏壁纸
博主头像
沙漠渔

把過去的累積,善用到當下

  • 累计撰写 472 篇文章
  • 累计创建 285 个标签
  • 累计收到 946 条评论
标签搜索

目 录CONTENT

文章目录

每日新闻60秒接口,让你网站迅速集成每日新闻功能,确定不来看看?

沙漠渔
2022-06-24 / 140 评论 / 17 点赞 / 10,799 阅读 / 3,263 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-08-04,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

万众瞩目的每日新闻功能模块从今天起正式发布啦!

每日新闻?不就是那个贴个图片就可以的功能么?No No No,百度收录那个图片吗?所以论便捷性,别给我提图片,论实用性,别给我提图片~

经过沙漠渔溏 一周左右的自测以及多位热心网友的协助测试,今天终于打算和大家见面了,什么?不知道这个是干啥的?那好吧,移步到 「每日早报」 送你每天清晨第一缕轻风,带你领略世界的美好~ - 沙漠渔溏 自行观阅~

下面进入正题吧,不啰嗦

预期效果

查看预期效果可以看这里-> 「每日早报」 送你每天清晨第一缕轻风,带你领略世界的美好~ - 沙漠渔溏 不知道这个是做什么的? 在你站内添加每日新闻功能,让蜘蛛嗅到你的味道可以了么?

效果图如下:
QQ拼音截图20220624093332.png

实现原理

当然看代码就可以非常清楚明白了,我也不细说了,总之是沙漠渔溏 给大家发放的福利咯~ 实现很简单 div+js

适用范围

这个功能依赖于 div + js,所以理论上所有的html页面都可以的啦,但是,但是,但是有一部分div的css样式借用了joe2.0.10的,所以如果推荐使用范围为:joe2.0.10主题上,如果你比较懂css,可以自己添加 或者直接把需要样式的那一部分代码去掉,如果有不清楚需要怎么处理的可以在这里回复,统一解决。

推荐范围:
后台程序使用Halo (bushi)
前台主题使用Joe2.0.10(其实不限版本)(yebushi)

如果不是使用的以上内容或者页面出现重复提示的,把附件代码中的如下代码移除掉

<div class="joe_detail__overdue-wrapper">
<div class="title">
  <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
	<path d="M0 512c0 282.778 229.222 512 512 512s512-229.222 512-512S794.778 0 512 0 0 229.222 0 512z" fill="#FF8C00" fill-opacity=".51" />
	<path d="M462.473 756.326a45.039 45.039 0 0 0 41.762 28.74 45.039 45.039 0 0 0 41.779-28.74h-83.541zm119.09 0c-7.73 35.909-39.372 62.874-77.311 62.874-37.957 0-69.598-26.965-77.33-62.874H292.404a51.2 51.2 0 0 1-42.564-79.65l23.723-35.498V484.88a234.394 234.394 0 0 1 167.492-224.614c3.635-31.95 30.498-56.815 63.18-56.815 31.984 0 58.386 23.808 62.925 54.733A234.394 234.394 0 0 1 742.093 484.88v155.512l24.15 36.454a51.2 51.2 0 0 1-42.668 79.48H581.564zm-47.957-485.922c.069-.904.12-1.809.12-2.73 0-16.657-13.26-30.089-29.491-30.089-16.214 0-29.474 13.432-29.474 30.089 0 1.245.085 2.491.221 3.703l1.81 15.155-14.849 3.499a200.226 200.226 0 0 0-154.265 194.85v166.656l-29.457 44.1a17.067 17.067 0 0 0 14.182 26.556h431.155a17.067 17.067 0 0 0 14.234-26.487l-29.815-45.04V484.882A200.21 200.21 0 0 0 547.26 288.614l-14.985-2.986 1.331-15.224z" fill="#FFF" />
	<path d="M612.864 322.697c0 30.378 24.303 55.022 54.272 55.022 30.003 0 54.323-24.644 54.323-55.022 0-30.38-24.32-55.023-54.306-55.023s-54.306 24.644-54.306 55.023z" fill="#FA5252" />
  </svg>
  <span class="text">温馨提示:</span>
</div>
<div class="content">
  若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。当前页面每日7点自动更新当天最新新闻。
</div>
</div>
<br>

操作步骤

0- 第零步 第零步 第零步 强调一下,添加本站的友情链接,要个链接不为过吧 /笑脸 什么? 想看看不加友链的效果?试试就试试 /鬼笑 链接添加方式见 友链 请注意友链地址必须填写 https://www.sammery.com

1- 新建页面,标题你来决定,想叫啥叫啥 (你也可以选择新建文章,置顶显示或者修改发布日期为2202年 手动强制置顶 /鬼笑)

2- 复制附件中的代码到内容区域,注意前面不要多出空格或者空行,可能会导致显示为代码块哦,**另外,默认你站点的友情链接页面为/links,如果不是请修改调用参数中的link参数,否则将影响数据显示。

3- 发布的时候 把高级-元数据中的enable_page_meta置false 为了不显示页面发布时间,不然新闻每天更新,发布时间不变,你岂不是未卜先知了? /鬼笑

4- 发布成功之后,看看会有什么意想不到的效果呢?如果有什么问题 及时在本帖回复问题,如果没问题也欢迎随时来反馈使用情况。

附件地址: http://pan.sammery.com/d/news.txt
网盘地址已修改,地址为: http://pan.sammery.com/d/博客专用资源/news.txt?sign=019ee21c6b6cc5a8

ps:不会还有人直接打开这个链接复制粘贴吧? 哈哈 注意编码 别出现乱码啥的 直接下载下来用utf-8格式打开不好么?

ps:鉴于前一段时间服务器频繁遭受攻击,网盘域名随时可能停止解析,为了增加一份备份,如上面的附件地址已失效,望见谅。

<div class="joe_detail__overdue-wrapper">
<div class="title">
  <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
	<path d="M0 512c0 282.778 229.222 512 512 512s512-229.222 512-512S794.778 0 512 0 0 229.222 0 512z" fill="#FF8C00" fill-opacity=".51" />
	<path d="M462.473 756.326a45.039 45.039 0 0 0 41.762 28.74 45.039 45.039 0 0 0 41.779-28.74h-83.541zm119.09 0c-7.73 35.909-39.372 62.874-77.311 62.874-37.957 0-69.598-26.965-77.33-62.874H292.404a51.2 51.2 0 0 1-42.564-79.65l23.723-35.498V484.88a234.394 234.394 0 0 1 167.492-224.614c3.635-31.95 30.498-56.815 63.18-56.815 31.984 0 58.386 23.808 62.925 54.733A234.394 234.394 0 0 1 742.093 484.88v155.512l24.15 36.454a51.2 51.2 0 0 1-42.668 79.48H581.564zm-47.957-485.922c.069-.904.12-1.809.12-2.73 0-16.657-13.26-30.089-29.491-30.089-16.214 0-29.474 13.432-29.474 30.089 0 1.245.085 2.491.221 3.703l1.81 15.155-14.849 3.499a200.226 200.226 0 0 0-154.265 194.85v166.656l-29.457 44.1a17.067 17.067 0 0 0 14.182 26.556h431.155a17.067 17.067 0 0 0 14.234-26.487l-29.815-45.04V484.882A200.21 200.21 0 0 0 547.26 288.614l-14.985-2.986 1.331-15.224z" fill="#FFF" />
	<path d="M612.864 322.697c0 30.378 24.303 55.022 54.272 55.022 30.003 0 54.323-24.644 54.323-55.022 0-30.38-24.32-55.023-54.306-55.023s-54.306 24.644-54.306 55.023z" fill="#FA5252" />
  </svg>
  <span class="text">温馨提示:</span>
</div>
<div class="content">
  若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。当前页面每日7点自动更新当天最新新闻。
</div>
</div>
<br>
<div id="news">
  <ul class="joe_list__loading">
    <li class="item">
      <div class="thumbnail"></div>
      <div class="information">
        <div class="title"></div>
        <div class="abstract">
          <p></p>
          <p></p>
        </div>
      </div>
    </li>
    <div class="joe_load" style="width: 200px;" loading="true">早报加载中,请稍候...</div>
  </ul>
</div>
<script type="text/javascript">
var url = "https://www.sammery.com/api/news/today"
var param = {
link: "/links"
}
$.getJSON(url + `?_r=${Date.now()}`,param,function(res){
    $("#news").html(res.data.content)
  });
</script>

注意事项

该功能必须保证添加了本站友情链接的前提下的,所以,请注意下面的第一条。另外,为保证公平性,页面新闻刷新时间暂定早晨7点,后续可能会更改。

1- 添加本站友情链接 添加本站友情链接 添加本站友情链接 链接添加方式见 友链 请注意友链地址必须填写 https://www.sammery.com

2- 复制代码放到新建页面内容区域时,前面不要有空格或者空行,请勿所以修改代码格式

3- 其他的暂时没考虑到会有啥再需要注意的了,内测期间也没见有其他问题咯

修复记录

  • 2022-06-24 由于Nginx等设置验证referer,为空时无法调用该接口,出现500错误问题 谢谢@旅行的企鹅
  • 2022-06-30 HTTPS验证问题导致调用接口出现500错误问题,在HTTPS情况下才会发现 谢谢@5华岁
  • 2022-06-30 优化友链验签方式,提升接口调用速度,如果你服务器本来访问速度就是毫秒级的,可以忽略这个体验,否则有质的飞跃。
  • 2022-07-10 增加是否显示banner开关,具体设置方式见:每日60秒新闻接口增加banner是否显示开关 - 沙漠渔溏
  • 2022-07-10 修改默认banner图,原星期图太大影响页面显示,修改为当前图片,如果有好的建议的图片可以留言回复。

特别鸣谢

在此特别感谢参与内测的几个小伙伴:

沙漠渔溏:

华岁云 :

菜就多练练:

还有几个不愿署名的小伙伴,暂时不加了,如果需要给做个功能展示页的 在下面留言~ 再次感谢。

提交示例:

ps: 为了方便添加至特别鸣谢处,请按照格式提交回复

沙漠渔溏:

17
广告 广告

评论区