看到有些博客主在自己网站空缺地方增加了一言栏目,刷新一次页面就会换一条句子,搜索了一番,还真有热心哥们儿提供 api,api 的搭建其实也很简单,这里暂时就不多说了,我们为了方便直接用 js 代码调用别人的 api。

感兴趣可以在本站底部搜索框下看到调用的一言句子
创建 HTML
首先我们在需要显示一言的地方创建一个空 html,代码如下:
<div class='hitokoto'></div>
js 代码
此 js 代码基于 jq 插件,如果有了请无视,如果你的网站没有使用 jq 请先引用:
<script type='text/javascript' src='//hexsen.com/wp-content/themes/ripro/assets/js/jquery-2.2.4.min.js'></script>
在你的 footer.php 文件最后写入以下代码:
<script type='text/javascript'>
$.get("https://v1.hitokoto.cn/",function(data,status){
if (status == 'success'){
$('.hitokoto').text(data.hitokoto);
}else{
$('.hitokoto').text('获取出错!');
}
});
</script>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。