WEB技术

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

yyhouse · 4月14日 · 2019年

[v_notice]转载来源:张戈博客动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。功能就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享[/v_notice]

效果展示

部署接口


以上代码保存为 index.php,然后上传到网站根目录下的 hitokoto 文件夹(这个自己随机定义,需要自己新建)最后,从小霖分享的文章下载 hitokoto.txt 文本文件。把 hitokoto.txt 上传到和 index.php 同级目录,比如 hitokoto 文件夹内。
[v_notice]当然这里我也传了一份到网盘,方便大家下载,可以自行在文本添加喜爱的语句:[/v_notice]

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

代码调用

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


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;
}
4 条回应
  1. 梦想
    梦想2019-4-14 · 21:58

    每日一语,挺好,要是能加上出处更好。

  2. 轩轩
    轩轩2019-4-16 · 9:48

    在哪里加入我自己喜欢的句子。

  3. seo
    seo2019-4-16 · 23:14

    能在里面加入出处的链接吗

  4. 梦想
    梦想2019-4-25 · 22:11

    能直接在评论里调用吗,评论的时候只需要按评论即可,方便留言