- 一言API很多博客都会集成,今天我也来试试
介绍一下一言API(官网复制粘贴~)
一言网(hitokoto.cn)创立于 2016 年,隶属于萌创团队,目前网站主要提供一句话服务。
动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。
简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。 或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。
使用方式(官网都有介绍,我直接粘我的代码)
在需要使用的地方加入
<div class="con-wrap">
<div class="con-border con-left"> </div>
<div class="con-border con-right"> </div>
<h1>热评</h1>
<p id="con">loading...</p>
<p id="info">loading...</p>
</div>
头部加入css样式
/* 增加每日一言模块 */
.con-wrap {
position: relative;
width: 730px;
max-width: 80%;
border: 2px solid #797979;
border-top: 0;
text-align: center;
margin: 80px auto;
}
.con-left {
left: 0;
}
.con-border {
position: absolute;
height: 2px;
width: 27%;
background-color: #797979;
}
.con-right {
right: 0;
}
.con-wrap h1 {
position: relative;
margin-top: -20px;
display: inline-block;
letter-spacing: 4px;
color: #797979;
}
.con-wrap p:nth-of-type(1) {
font-size: 25px;
text-align: center;
margin: 0 auto;
}
.con-wrap p {
width: 70%;
margin: auto;
line-height: 30px;
color: #797979;
font-family: "Linux Biolinum", "Noto Serif SC", Helvetica, Arial, Menlo, Monaco, monospace, sans-serif;
}
.con-wrap p:nth-of-type(2) {
font-size: 18px;
margin: 15px auto;
}
底部引入Javascript
$.get("https://v1.hitokoto.cn",function(data){
// 判断每日一言是否为空
if(data.hitokoto!=null && data.hitokoto!=''){
$("#con").text(data.hitokoto);
}
console.log(data)
// 判断作者是否为空
if(data.from_who!=null && data.from_who!=''){
$("#info").text(data.from_who);
}
// 如果作者为空,就选择出自什么地方
if(data.from_who==null || data.from_who=='' && data.from!=null && data.from!=''){
$("#info").text(data.from);
}
});
参考:
Q.E.D.