方法一:
实现方法很简单,将以下代码添加在你希望显示的地方即可。
- <script type="text/javascript" src="https://api.lwl12.com/hitokoto/main/get?encode=js&charset=utf-8"></script><div id="lwlhitokoto"><script>lwlhitokoto()</script></div>
这种方法确实简单,不过不太喜欢,因为调用的是一言全站数据,就显有些得纷繁复杂了,各门各类甚至很污的句子也有存在。
所以再为大家介绍另外一种方法,这种方法的好处就是你可以把自己喜欢的经典句子添加进去。
方法二:
接下来我向大家介绍实现方法。以下代码来自张戈博客。
一、代码部署
在根目录新建文件夹hitokoto(这个自己随机定义),并将以下代码保存为 index.php放在文件夹内。
- <?php
- //获取句子文件的绝对路径
- //如果你介意别人可能会拖走这个文本,可以把文件名自定义一下,或者通过Nginx禁止拉取也行。
- $path = dirname(__FILE__);
- $file = file($path."/hitokoto.txt");
- //随机读取一行
- $arr = mt_rand( 0, count( $file ) - 1 );
- $content = trim($file[$arr]);
- //编码判断,用于输出相应的响应头部编码
- if (isset($_GET['charset']) && !emptyempty($_GET['charset'])) {
- $charset = $_GET['charset'];
- if (strcasecmp($charset,"gbk") == 0 ) {
- $content = mb_convert_encoding($content,'gbk', 'utf-8');
- }
- } else {
- $charset = 'utf-8';
- }
- header("Content-Type: text/html; charset=$charset");
- //格式化判断,输出js或纯文本
- if ($_GET['format'] === 'js') {
- echo "function hitokoto(){document.write('" . $content ."');}";
- } else {
- echo $content;
- }
二、自定义句子文本
新建文件hitokoto.txt并上传到文件夹hitokoto,然后把你喜欢的句子写入文本,注意一行一个句子,当然如果想要现成的,你可以下载张戈博客提供文件,直接上传即可。
博客集成
第一步我们已经完成了这个接口的自建部署,现在可以把这个功能搬到博客上了。
部署方法和其他博客基本一致,非常简单,将下面两行代码添加到博客你想显示一言的位置即可:
- <script type="text/javascript" src="https://你的域名/hitokoto/?format=js&charset=utf-8"></script>
- <div id="hitokoto"><script>hitokoto()</script></div>
美化
不过,这样输出的样式可能会比较丑,如果你懂 CSS 的话可以自己再美化美化。
当然,Begin 主题或者不会 css 的朋友可以先试下我这边写好的 css 代码(可以加到 style.css):
- #hitokoto{
- border-left: 5px solid #2f889a;
- border-right: 5px solid #2f889a;
- background-color: #ebebeb;
- padding: 10px;text-align: center;
- color: #095AD4;
- margin: 5px 0 5px 0;
- }
部署完成之后,前台刷新应该就可以看到效果了,每次刷新都会随机展示一言经典句子。如果你有新的句子,也只要编辑 hitokoto.txt 文件加入即可。
效果展示
上述两种方法各有优点,用哪一种就看自己的需求了,如果你嫌麻烦,建议用第一种,一段代码即可搞定,如果想要添加自己喜欢的句子,就只能使用第二种方法了,不过相对麻烦一点,各位按需所取吧。
好了,文章就介绍这么多,喜欢的朋友可以试下了。
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
您可以选择一种方式赞助本站
赏