给博客增加每日一言

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