个人网站如何添加经典语句功能

原创

用户1094633

发布于 2022-02-14 17:16:20

7850

发布于 2022-02-14 17:16:20

文章被收录于专栏：运维随笔运维随笔

前言

今天看到有的网站内容底部有一句话功能挺酷的，百度了下找到了Hitokoto·一言项目，借鉴了下它的调用代码

效果展示

教学内容

1、在网站根目录创建classic文件夹（classic文件名可以自定义），随后创建index.php，classic.txt为一句话存放文件。编写代码如下

PHP

<?php
//获取句子文件的绝对路径
//如果你介意别人可能会拖走这个文本，可以把文件名自定义一下，或者通过Nginx禁止拉取也行。
$path = dirname(__FILE__);
$file = file($path."/classic.txt");
 
//随机读取一行
$arr  = mt_rand( 0, count( $file ) - 1 );
$content  = trim($file[$arr]);
 
//编码判断，用于输出相应的响应头部编码
if (isset($_GET['charset']) && !empty($_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 classic(){document.write('" . $content ."');}";
} else {
    echo $content;
}

2、下载站长自用的classic.txt文件或者可以自定义classic.txt这个文件的内容

文件下载：

classic.txt

3、将下载好的classic.txt文本文件放在classic文件夹内。

4、浏览器访问 http://你的域名/classic/ 就可以看到输出内容了。

5、网站上调用

刚刚我们已经自建了接口，部署方法和其他网站基本一致，非常简单，将下面两行代码添加到网站中任意一个你想要展示的位置即可

PHP

<script type="text/javascript" src="https://你的域名/classic/?format=js&charset=utf-8"></script>
<div id="classic"><script>classic()</script></div>

6、默认的样式有点丑我们可以加载下自定义CSS样式（也可以自己自定义CSS样式）

CSS

#classic{
    border-left: 5px solid #0073d8;
    border-right: 5px solid #0073d8;
    background-color: #3288d31a;
    padding: 10px;text-align: center;
    color: #0073d8;
    margin: 5px 0 5px 0;
}