Hitokoto·一言是一个挺有意思的项目,官方的自我介绍如下:

一言网(Hitokoto.cn)创立于 2016 年,隶属于萌创 Team,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。

或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

一、他山之石

张戈博客之前是调用的自由天空的一言 API 接口,稳定性和速度还不错,不想折腾的朋友推荐参考他的教程快速部署一个即可。

Ps:喜欢使用官方接口也可以前往官方的 API 介绍地址参考部署:http://hitokoto.cn/api

如果是像我这种比较喜欢折腾的朋友,可以考虑自己部署一个,主要是方便 DIY 句子库内容。当然,自己部署的文章其实也已经有博友分享过了==>传送门 。

下面简单的介绍下张戈博客这边的 DIY 部署过程。

二、部署接口

首先按照我个人编码习惯,把小霖小朋友的代码略微改了下(代码强迫症):

//获取句子文件的绝对路径

//如果你介意别人可能会拖走这个文本,可以把文件名自定义一下,或者通过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 文本文件

当然这里我也传了一份到微云网盘,方便大家下载:

下载地址:https://pan.lanzou.com/i0hpn5a

把 hitokoto.txt 上传到和 index.php 同级目录,比如 hitokoto 文件夹内。

现在,浏览器访问 http://你的域名/hitokoto/ 就可以看到输出内容了。

三、博客集成

第一步我们已经完成了这个接口的自建部署,现在可以把这个功能搬到博客上了。

部署方法和其他博客基本一致,非常简单,将下面两行代码添加到博客你想显示一言的位置即可:

hitokoto()

不过,这样输出的样式可能会比较丑,如果你懂 CSS 的话可以自己再美化美化。

当然,Begin 主题或者不会 css 的朋友可以先试下我这边写好的 css 代码(可以加到 style.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;

}

部署完成之后,前台刷新应该就可以看到效果了,每次刷新都会随机展示一言经典句子。如果你有新的句子,也只要编辑 hitokoto.txt 文件加入即可。

好了,文章就介绍这么多,喜欢的朋友可以试下了。

本文转自:https://zhangge.net/5127.html

文件名稱:hitokoto.txt

更新時間:2018-02-09 15:26:42

下載声明:本站默認解壓密碼(www.aeink.com)網絡資源來自網絡收集或本人原創,轉載請註明出處!若資源侵犯了你的版權,請聯繫博主,我們會在24H內刪除侵權資源!

html网页随机一言,搭建Hitokoto网站·一言经典语句功能及调用案例相关推荐

  1. HTML调用一言,WordPress网站集成Hitokoto一言经典语句功能

    Hitokoto·一言是一个挺有意思的项目,之前本博客页脚底部使用的是一款插件,一言属于一款纯净的API,官方的自我介绍如下: 一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目 ...

  2. html调用一言api,博客集成Hitokoto·一言经典语句功能

    Hitokoto·一言是一个挺有意思的项目,官方的自我介绍如下: 一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目前网站主要提供一句话服务. 动漫也好.小说也好.网络也好,不论 ...

  3. php随机名人名言,自建网站随机名言警句API也就是一言随机名句api【教程】

    自建版的好处就是,api 及经典语句内容完全由自己管控,并且稳定性受自己影响,不受外部网站影响:当然,缺点也很明显了,木有一言的语句多. 一言网(Hitokoto.cn)隶属于萌创 Team,目前网站 ...

  4. 自建网站随机名言警句API也就是一言随机名句api【教程】

    自建版的好处就是,api 及经典语句内容完全由自己管控,并且稳定性受自己影响,不受外部网站影响:当然,缺点也很明显了,木有一言的语句多. 一言网(Hitokoto.cn)隶属于萌创 Team,目前网站 ...

  5. html网页随机一言,PHP简单实现一言 / 随机语录功能

    教程开始: 1.首先新建一个php文件,命名为api.php(这里小牛云站长推荐用notepad++编辑代码) 2.再新建一个文件,命名为data.dat(两个文件均需采用UTF-8 编码,否则会乱码 ...

  6. Hitokoto——一言经典语句

    什么是Hitokoto 一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目前网站主要提供一句话服务. 动漫也好.小说也好.网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透 ...

  7. 搭建图片网站:通过cpolar发布图片网站 3/3

    系列文章 搭建图片网站:部署本地环境 1/3 搭建图片网站:Piwigo环境准备及安装 2/3 搭建图片网站:通过cpolar发布图片网站 3/3 上一篇: 搭建图片网站:Piwigo环境准备及安装 ...

  8. 小福利,django搭建个人网站的源码公开(一)

    大家好,我是天空之城,今天给大家带来小福利,django搭建个人网站的源码公开(一) **django框架的原理:**它采用的是MVT架构,m就是model数据模型,就是数据的结构和字段,比如是个人博 ...

  9. 腾讯云服务器搭建WordPress网站教程(全流程)

    已经有了腾讯云服务器如何搭建网站?腾讯云服务器网以腾讯云服务器,借助宝塔面板搭建Web环境,然后使用WordPress博客程序搭建网站,大致分为三步,首先购买腾讯云服务器,然后在腾讯云服务器上部署宝塔 ...

最新文章

  1. 去水印--《On the Effectiveness of Visible Watermarks》
  2. VTK:图表之AdjacencyMatrixToEdgeTable
  3. android 固定大小,android 固定大小取图片缩略图
  4. ASP.NET Ajax编程技术学习
  5. MTK 驱动开发(48)---ARM 看门狗机制
  6. JAVA语法——经典题目02
  7. java 找序列最小值_【C++编程练习】任意给定 n 个有序整数,求这 n 个有序整数序列的最大值,中位数和最小值...
  8. java websocket注解_【websocket】spring boot 集成 websocket 的四种方式
  9. 前端技术—CSS常用代码大全
  10. bcc语料库下载_CCL语料库与BCC语料库各自的特点是什么?
  11. UE虚幻引擎云渲染支持8K方案
  12. MATLAB矩阵运算
  13. SpringBoot中Starters是什么
  14. html通过WebSocket获取虎牙弹幕并展示
  15. 服务注册eureka上显示ip地址出现的问题
  16. NovAtel 板卡OEM617D配置步骤记录
  17. 远程桌面如何退出全屏或全屏切换
  18. ctype.h 详解
  19. CListCtrl::SortItems的用法
  20. 求1到n的倒数之和(计算 1+1/2+1/3+............+1/n 的和)——递归

热门文章

  1. 罗永浩两年还债4个亿,我却被《真还传》圈粉
  2. 统计之均值中位数众数全距四分位数以及箱线图展示
  3. K8S学习笔记之将Google的gcr.io、k8s.gcr.io 换为国内镜像
  4. 最新超详细VMware虚拟机下载与安装(一篇足以带你上高速,附钥)
  5. 1.3 熟悉 Ubuntu 桌面环境
  6. linux 光盘刻录命令,在Linux操作系统中使用命令进行光盘刻录
  7. Unity学习推荐书籍
  8. HTTP协议分析实验
  9. OpenWrt设置路由器联网(无线)
  10. 层次softmax (hierarchical softmax)理解