• 欢迎访问夜影小窝网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入夜影小窝 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏夜影小窝吧

文章页结束加入经典语句功能

WEB技术 yyhouse 4个月前 (04-14) 847次浏览 已收录 4个评论 扫描二维码
文章目录
[隐藏]
转载来源:张戈博客动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。功能就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享

效果展示

文章页结束加入经典语句功能

部署接口

<?php
//获取句子文件的绝对路径
//如果你介意别人可能会拖走这个文本,可以把文件名自定义一下,或者通过Nginx禁止拉取也行。
$path = dirname(__FILE__);
$file = file($path."/hitokoto.txt");

//随机读取一行
$arr  = mt_rand( 0, count( $file ) - 1 );
$content  = trim($file[$arr]);

//编码判断,用于输出相应的响应头部编码
if (isset($_GET['charset']) && !empty($_GET['charset'])) {
    $charset = $_GET['charset'];
    if (strcasecmp($charset,"gbk") == 0 ) {
        $content = mb_convert_encoding($content,'gbk', 'utf-8');
    }
} else {
    $charset = 'utf-8';
}
header("Content-Type: text/html; charset=$charset");

//格式化判断,输出js或纯文本
if ($_GET['format'] === 'js') {
    echo "function hitokoto(){document.write('" . $content ."');}";
} else {
    echo $content;
}

以上代码保存为 index.php,然后上传到网站根目录下的 hitokoto 文件夹(这个自己随机定义,需要自己新建)最后,从小霖分享的文章下载 hitokoto.txt 文本文件。把 hitokoto.txt 上传到和 index.php 同级目录,比如 hitokoto 文件夹内。

当然这里我也传了一份到网盘,方便大家下载,可以自行在文本添加喜爱的语句:

文章页结束加入经典语句功能此处内容已经被作者隐藏,请输入验证码查看内容
验证码:
请关注本站微信公众号,回复“夜影小窝”,获取验证码。在微信里搜索“夜影小窝”或者“yeyhouse”或者微信扫描右侧二维码都可以关注本站微信公众号。

代码调用

部署方法和其他博客基本一致,非常简单,将下面两行代码添加到博客你想显示一言的位置即可,部署完成之后,前台刷新应该就可以看到效果了,每次刷新都会随机展示一言经典句子。

<script type="text/javascript" src="/hitokoto/?format=js&charset=utf-8"></script>
<div id="hitokoto"><script>hitokoto()</script></div>

2个CSS美化样式选择,选择加入到主题样式CSS文件即可

第一种来自张戈博客效果代码如下:
文章页结束加入经典语句功能

#hitokoto{
    border-left: 5px solid #2f889a;
    border-right: 5px solid #2f889a;
    background-color: #ebebeb;
    padding: 10px;text-align: center;
    color: #095AD4;
    margin: 5px 0 5px 0;
}

第二种来自我自己做了小小的修改,如果你懂 CSS 的话可以自己再美化美化,效果代码如下:
文章页结束加入经典语句功能

#hitokoto{
    border: 1px dashed #F60;
    background-color: #ebebeb;
    padding: 10px;text-align: center;
    color: #095AD4;
    margin: 5px 0 5px 0;
}

转载请注明:来源于【夜影小窝】。文章标题:文章页结束加入经典语句功能,文章链接:https://www.yeyhome.com/292.html
喜欢 (8)
[327982852@qq.com]
分享 (0)
yyhouse
关于作者:
90后,从事弱电安防智能化工程,包含监控系统,楼宇对讲系统,LED系统,广播音箱系统,停车场系统,楼宇对讲系统喜欢分享捣鼓有趣的代码。。。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(4)个小伙伴在吐槽
  1. 每日一语,挺好,要是能加上出处更好。
    梦想2019-04-14 21:58 回复 Mac OS X | 未知浏览器
  2. 在哪里加入我自己喜欢的句子。
    轩轩2019-04-16 09:48 回复 Windows 10 | Chrome 70.0.3538.25
  3. 能在里面加入出处的链接吗
    seo2019-04-16 23:14 回复 Mac OS X | 未知浏览器
  4. 能直接在评论里调用吗,评论的时候只需要按评论即可,方便留言
    梦想2019-04-25 22:11 回复 Mac OS X | Safari浏览器 604.1
×
订阅图标按钮