• 一言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.

同是风华正茂,怎可甘拜下风