嘿，细心的访客们应该发现了小陶的博客首页右边栏出来了一个新的栏目，代替了原来的公众号照片。小陶从来没学过php，毕竟是机械专业出身的，对互联网方面基本是摸着石头现烧现卖。在不断试探下，最终做了一个简单的demo，代码写的差，大佬勿喷！

虽然菜，但是小陶爱玩啊，作为一个舔狼（同时做十个美女的舔狗），博客怎么能没有舔狗日记呢？说办就办，首先是找一找相关的API，然后让日记的文字显示出来就行了！没错，所以很简单对不对？要是我没猜错的话，这个肯定在所有的typecho主题里都是适用的。

舔狗日记API接口

这里我给大家找了好几个API接口，当然大家也可以自己找点其他的API，能用就行。但是要注意一下，不同的API返回值是不同的，所以代码不是完全通用的。你要是和我一样不太php。那么直接抄我的不用动就行。

//备用api接口：https://api.starrobotwl.com/api/tg.php
//备用api接口：https://api.kain8.cn/api/tg
//备用api接口：https://v.api.aa1.cn/api/tiangou
//备用api接口：https://api.oick.cn/dog/api.php
//备用api接口：http://api.kekc.cn/api/tiangou

这里我选择的是第一个API接口：https://api.starrobotwl.com/api/tg.php

感谢所有的免费公益API，虽然他们经常被cc或者DDos攻击。那些老是搞攻击的互联网败类，其无后也。

调用API代码

首先是显示api结果的代码：

<div class="tiangou">
<?php 
$str = file_get_contents('https://api.oick.cn/dog/api.php'); 
$data = json_decode($str);
?>
<?php echo $data;?>
<div>

上面的是通用的格式。

如果你是handsome主题的话，在../themes/handsome/component/sidebar.php文件里，贴上下面的代码：

          <section id="a_d_sidebar" class="widget widget_categories wrapper-md clear">
             <h5 class="widget-title m-t-none text-md"><?php _me("舔狗日记") ?>
             (<?php
                date_default_timezone_set(PRC); $currenttime=date("Y-m-d"); echo $currenttime;?>)
              </h5>
          <div class="tiangou"><?php 
                $str = file_get_contents('https://api.oick.cn/dog/api.php'); 
                $data = json_decode($str);?> <?php echo $data;?><div>
         </section>

CSS代码

在开发者设置——自定义 CSS中加入下面这些代码（别的主题估计也差不多）：

.tiangou{
border: none;
box-shadow: 0 12px 5px -10px rgba(0,0,0,0.1), 0 0 4px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 12px 5px -10px rgba(0,0,0,0.1), 0 0 4px 0 rgba(0,0,0,0.1);
border-radius: 10px;
padding:6px;
text-align:center;
}

最终的效果

显示的效果

这样就完成了！最后祝各位舔狗能够顺利上岸!!

舔狗罢了

本文标签： 网站开发

版权声明 ▶ 本网站名称：陶小桃Blog
▶ 本文链接：https://www.52txr.cn/2022/tiangouriji.html
▶ 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行核实删除。
▶ 转载本站文章需要遵守：商业转载请联系站长，非商业转载请注明出处并附带原文链接！！
▶ 站长邮箱 [email protected] 或 [email protected] ，如不方便留言可邮件联系。

小陶的个人微信公众号
学累了就来张美女照片养养眼吧，身体是革命的本钱，要多多休息哦~ 随机美女图片

最后修改：2022 年 11 月 16 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏!