【HTML】如何在页面上插入一言网上的经典名言

最新推荐文章于 2024-05-12 22:11:21 发布

wangzirui32

最新推荐文章于 2024-05-12 22:11:21 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/wangzirui32/article/details/125113301

版权

✨博文作者 wangzirui32
💖 喜欢的可以点赞收藏关注哦~~
👏 我的第157篇原创作品
👉本文首发于CSDN，未经许可禁止转载

😎 hello，大家好，我是wangzirui32，今天我们来学习如何在页面上插入一言网上的经典名言，开始学习吧！

1. 前言

大家是不是经常看到别人的博客网站上总有几句经典的名言，并且每次访问都不一样，本文将带领大家完成这一效果。
编程的思路如下：

请求接口，获取数据
解析数据
显示在页面上
CSS美化输出

2. 接口数据

接口网址为https://api.fghrsh.net/hitokoto/rand/?encode=jsc&uid=3335，每次访问时数据都不一样，示例如下：

{
   "hitokoto":"真相只有一个！",   # 名言内容
 "cat":"100003335",
 "author":"fghrsh",
 "source":"柯南",              # 来源
 "like":"0",
 "date":"2016.04.08 21:54:56",
 "catname":"收藏","id":"3335/7394"}

3. 代码

这里使用来JavaScript框架jQuery，代码如下：

<!DOCTYPE html>
<html lang="">
    <head>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangzirui32

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
【HTML】如何在页面上插入一言网上的经典名言

大家是不是经常看到别人的博客网站上总有几句经典的名言，并且每次访问时名言都不一样，本文将带领大家完成这一效果。
复制链接

扫一扫

专栏目录

html调用一言api,一言-纯净API

weixin_30043179的博客

06-04

1772

一直使用一言今天看到个纯净版的，于是乎就换上了。首先，附上一言来源：http://hitokoto.us/api.html本API作用：去除原API的各种链接、各种#@%……￥&%#￥总之。。简洁得只剩下字了！使用方法：数据获取请求地址:http://api.lwl12.com/hitokoto请求方式:GET请求参数:charset:字符集，支持gbk/utf-8，默认为utf-8en...

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

weixin_33308579的博客

06-30

2184

Hitokoto·一言是一个挺有意思的项目，官方的自我介绍如下：一言网(Hitokoto.cn)创立于 2016 年，隶属于萌创 Team，目前网站主要提供一句话服务。动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。简单来说，一言指的就是一句话，可以是动漫中的台词...

2 条评论您还未登录，请先登录后发表或查看评论

html名人名言页面,HTML5 纪念卡 | 名人名言卡

weixin_42513387的博客

06-03

680

CSS语言：CSSSCSS确定@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);.snip1533 {box-shadow: 0 0 5...

HTML名人名言案例

张小鱼的博客

05-16

2646

这个案例里面分了好几个板块来做，小编在这里先放一下效果图一、father部分——由info和xbk两部分组成 father分了两个部分，小编这里着重讲一下xbk部分，我们在做这部分时候，用到的依然是ul和li，此处注意的一点是盒子的大小按照盒子里面的内容来撑开，这样做我们就可以不用计算边距问题了，只有给定一定的外边框就可以解决这个问题二、box部分——分左右两部分来做左边部分又可以分为几个小模块来做，此处还有段落标签出现，下面的图片部分，我们的图片还是以内容填充进去。右边部分，在这个.

HTML5--经典案例：名人名言（学生版）

最新发布

2201_75742255的博客

05-12

1589

HTML5中可以使用float属性进行元素浮动的效果，left左浮动，right右浮动等，在布局中，可以使元素很轻松达到达到靠左靠右的效果，非常方便。如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。<img src="图片素材/ad_2.jpg" width="95%"><img src="图片素材/ad.jpg" width="80%">

html调用一言api,纯 JavaScript 实现网站一言功能

weixin_39734399的博客

06-04

1250

之前网站分享过一个一言功能 >>> 网站新增一言功能——微语录就是这么简单。主要是用来在网站指定位置显示一句语录用的，之前的方式是通过后台 PHP 获取输出到网站前端的，最近闲来无事考虑了下 JavaScript 的实现方式竟然成功了。下面简单说下实现过程。前端显示代码注意下 ID 值可以任意设置，调用的时候改下就行：JS 获取一言函数函数很简单，值得注意的是 TXT 文本文件...

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

weixin_39639550的博客

06-04

830

Hitokoto·一言是一个挺有意思的项目，官方的自我介绍如下：一言网(Hitokoto.cn)创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的那一天。简单来说，一言指的就是一句话，可以是动漫中的台词，也可...

浮动之名人名言页面

天天向上

10-15

5935

名人名言页面 名人名言 分享名人名言，开始一段触动心灵的智慧之旅跳到内容登录关于 名人名言 英文名言(English) 心理杂志心理书籍专题活动发表心理学经典名言的智慧洞察人性的美

html调用一言api,CQC-Hitokoto API（一言-纯净API）[更新json] | 祭夜の咖啡馆

weixin_39893893的博客

06-04

435

本API作用：去除原API的各种链接、各种#@%……￥&%#￥总之。。简洁得只剩下字了！2017-09-02 更新获取json参数您也可以参观API页面一.言-A.P.I声明抱歉，我已停止本api的开源。。(大部分人都没开。。)hitikoto并非原创！此代码由lwl和原版代码以及个人编写的代码组合而成调取hitikoto字段由原版得到hitokoto本地源encode及charset的...

html名人名言页面,2018名人名言集锦

weixin_39678531的博客

06-03

356

2018名人名言集锦1、真正的才智是刚毅的志向。——拿破仑2、感情有着极大的鼓舞力量，因此，它是一切道德行为的重要前提，谁要是没有强烈的志向，也就不能够热烈地把这个志向体现于事业中。——凯洛夫3、生活赋予我们一种巨大和无限高贵的礼品，这就是青春；充满着力量，充满着期待志愿，充满着求知和斗争的志向，充满着希望信心和青春。——奥斯特洛夫斯基4、人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。...

给你的网站加上随机一句，一言API调用代码

Vastsa的博客

05-19

4250

给你的网站加上随机一句，一言API调用代码 Lan 2020-05-19 13:24 258 人阅读 0 条评论这个接口由萌创团队开放的，文档地址：点击进入引用代码：<divclass="hitokoto&#3...

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

weixin_42509105的博客

06-10

696

Hitokoto·一言是一个挺有意思的项目，之前本博客页脚底部使用的是一款插件，一言属于一款纯净的API，官方的自我介绍如下：一言网(Hitokoto.cn)创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。如果可以，我们希望我们没有停止服务的...

html网页随机一言,一言，局部刷新随机句子

weixin_39523529的博客

06-30

1025

我有话说[wb_允悲]看看上面，蓝色的小框框，这就是效果这篇文章的最终效果了。之前发过一次，只是不够美观，来这一次上全新的，尽管搬砖，尽管部署。吐槽一言刚刚出来的时候，好多网站都在部署，emm...,为什么每人给弄成几秒钟刷新？？？why？，一路百度+谷歌狂飙，丝毫进展都没有。之前试过页面几秒钟刷新，结果CPU爆红，来来来下面介绍新方法局部刷新。有什么能难倒我们？？[wb_费解]第一步复制下面代码...

html调用一言api,「许巍定制」自建 Typecho/WordPress 一言API本地服务并调用

weixin_34159899的博客

06-04

580

Hitokoto·一言是一个挺有意思的项目，一言网(Hitokoto.cn)创立于2016年，隶属于萌创Team，目前网站主要提供一句话服务。动漫也好、小说也好、网络也好，不论在哪里，我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来，形成一言网络，以传递更多的感动。简单来说，一言指的就是一句话，可以是动漫中的台词，也可以是电影中的经典台词亦或者是生活中的小感悟...或是感动，或是开...

html自动切换一言插件,jQuery和css3自动轮换的用户评论留言插件

weixin_42512012的博客

06-04

190

这是一款非常实用的jQuery和css3自动轮换的用户评论留言插件。该用户评论插件通过进度条来控制用户评论显示的时间，当进度条到达100%时，该插件自动播放下一条用户留言。该插件同样通过media query媒体查询来处理各种屏幕的响应式问题。HTML结构 People eat meat and think they will become as strong as an ox, forge...

hexo(next)——每日一言、今日诗词

cloudYun的博客

03-25

1962

本文转载于姑の小屋，稍加修改。云开的博客原文：https://chenyunxin.cn/posts/4200755795.html 欢迎访问我的博客交流哟????：https://chenyunxin.cn/ ????今日诗词今日诗词API，是一个可以返回一句古诗词名句的接口。它可以通过图片和 JSON 格式调用。今日诗词 API 根据不同地点、时间、节日、季节、...

四月是你的API(一言-四月API)

hades's stack

04-03

2869

一言API已经好久没有更新了，并且原API有各种我不喜欢的链接、分类、Like等等，四月来了，所以就整理了一下四月は君の嘘中难易忘怀的对白，并制作了这个API。 Siyue API 更新：2016年4月3日问题反馈：i@mayuko.cn数据获取：数据获取调用示例：JavaScript + HTML （同步）数据获取请求地址(SSL)：https://blog.mayu

简单的一言API

weixin_30340353的博客

08-20

1475

简单的一言API，支持纯文本、Javascript、Json三种格式 API Useage:https://secure.binarization.com/service/help.html 默认属性请求方式: GET Charset: UTF-8 JSON (Get): //secure.binarization.com/service.hitokoto.json J...

HTML之一语言代码

weixin_34392843的博客

12-24

HTML的lang属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。同时也可以是指HTTP Header中的Accept-Language/Content-Language. ISO 639-1语言代码可以在HTML的lang属性中使用它们。 Language---------------------------------ISO Code En...

文心一言比的上chatgpt吗

03-25

作为一个ChitGPT，我认为文心一言在提供类似于ChatGPT这样的自然语言生成方面可能存在一些局限性，但在某些情况下也可以产生高质量的文本。具体而言，文心一言更专注于提供短小精悍的智慧与哲理，而ChatGPT则更注重于生成连贯、有意义的对话。因此，两者可以看作是在不同的应用场景下进行优化的AI模型。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交