主题配置相关

主题其实可以自己diy,甚至于可以修改他人主题 (不推荐)

而PHP文件我个人理解一个网页是几个PHP组成的。。。

例如

博客下部分

它是footer.php文件的第十行

image-20200412192246115

其他的文件也不太懂,用到了一些后端的知识,ACM打完了学习一下~

点击链接不直接进入而是转跳新页面打开

这里是示例 a href="http://www.baidu.com/" target="_blank"直接在后面添加target="_blank"即可。

target的值:

_blank 新窗口打开链接

_parent 父窗口打开链接

—self 当前窗口打开链接 默认值

—top 当前窗体打开链接,并替换当前整个窗体

随机API的调用

两种方法

  1. 需添加图片地址:
<?php
//存有美图链接的文件名img.txt
$filename = "img.txt";
if(!file_exists($filename)){
    die('文件不存在');
}
 
//从文本获取链接
$pics = [];
$fs = fopen($filename, "r");
while(!feof($fs)){
    $line=trim(fgets($fs));
    if($line!=''){
        array_push($pics, $line);
    }
}
 
//从数组随机获取链接
$pic = $pics[array_rand($pics)];
 
//返回指定格式
$type=$_GET['type'];
switch($type){
 
//JSON返回
case 'json':
    header('Content-type:text/json');
    die(json_encode(['pic'=>$pic]));
 
default:
    die(header("Location: $pic"));
}
 
?>

这个就在目录下创建一个文件img.txt(可改)

文件里放入图片地址,不占用太多空间

参考

参考地址:这里

  1. 本地目录下的访问

    <?php
    $img_array = glob('images/*.{gif,jpg,png,jpeg,webp,bmp}', GLOB_BRACE);
    if(count($img_array) == 0) die('没找到图片文件。请先上传一些图片到 '.dirname(__FILE__).'/images/ 文件夹');
    header('Content-Type: image/png');
    echo(file_get_contents($img_array[array_rand($img_array)]));
    ?>

这个代码将访问images目录下的所有文件,相对占用空间

参考地址:这里

  1. 随机文字接口

准备工作

首先准备一个代码编辑器,然后新建一个 php 文件,命名为 api.php,再新建一个文件,命名为 data.dat(两个文件均需采用 UTF-8 编码,否则会乱码)。

打开 data.dat,在里面贴入要随机显示出来的文本,一行一条。如果你暂时想不出什么比较好的句子的话

代码:

<?php
// 存储数据的文件
$filename = 'data.dat';        
 
// 指定页面编码
header('Content-type: text/html; charset=utf-8');
 
if(!file_exists($filename)) {
    die($filename . ' 数据文件不存在');
}
 
$data = array();
 
// 打开文档
$fh = fopen($filename, 'r');
 
// 逐行读取并存入数组中
while (!feof($fh)) {
    $data[] = fgets($fh);
}
 
// 关闭文档
fclose($fh);
 
// 随机获取一行索引
$result = $data[array_rand($data)];
 
echo $result;

上面的代码是用 fopen + fgets 函数实现的,有些朋友似乎不是特别喜欢,觉得“效率低”。别急,这儿还有个 file_get_contents 函数实现的版本

<?php
// 存储数据的文件
$filename = 'data.dat';        
 
// 指定页面编码
header('Content-type: text/html; charset=utf-8');
 
if(!file_exists($filename)) {
    die($filename . ' 数据文件不存在');
}
 
// 读取整个数据文件
$data = file_get_contents($filename);
 
// 按换行符分割成数组
$data = explode(PHP_EOL, $data);
 
// 随机获取一行索引
$result = $data[array_rand($data)];
 
// 去除多余的换行符(保险起见)
$result = str_replace(array("\r","\n","\r\n"), '', $result);
 
echo $result;

上面的代码都是直接在页面中就输出了随机的句子。如果想像一言那样在静态的网页中引用这个 api,该如何实现呢?

很简单,将最后那一行的 echo $result; 换成

echo 'document.write("'.htmlspecialchars($result).'");';

然后在需要的位置用引入 js 的方式进行调用即可。

示例代码:

<script src="http://你的网址.cn/api.php"></script>

本文作者为mengkun,转载请注明。

# 链接盒子

链接盒子的使用

这个东西适合当前我用的主题Aria 特别好看的一个主题!

用于放友链啥的很棒~

参数

因为一些特殊原因只能放图片

因为一些特殊原因只能放图片

  • 你也可以使用多个

因为一些特殊原因只能放图片

href 可以为空,那么你就可以像这样使用一个仅为了用于显示图片和文字的 link-item

因为一些特殊原因只能放图片

也可以用作友情链接

因为一些特殊原因只能放图片

关于本主题的一些好东西~

图标

导航栏配置

导航栏配置

{
    "text":"首页",
    "href":"https://blog.liuyangtest.cn/",
    "icon":"iconfont icon-aria-home",
    "sub" : [
        {
            "text":"后台",
            "href":"/admin/",
            "icon": "iconfont icon-aria-home"
        }
    ]
},
{
    "text":"归档",
    "href":"/archive.html",
    "icon":"iconfont icon-aria-archives"
},
{
    "text":"朋友",
    "href":"/links.html",
    "icon":"iconfont icon-aria-friends"
},
{
    "text":"关于",
    "href":"/about.html",
    "icon":"iconfont icon-aria-about"
},
{
    "text":"实验室and导航",
    "href":"https://liuyangtest.cn",
    "icon":"iconfont icon-aria-emotion",
    "sub" : [
        {
            "text":"图床",
            "href":"http://img.liuyangtest.cn/",
            "icon": "iconfont icon-aria-ubuntu"
        },
        {
            "text":"三合一收款码",
            "href":"https://liuyangtest.cn/qrcode/",
            "icon": "iconfont icon-aria-ubuntu"
        },
        {
            "text":"舔狗日记",
            "href":"https://liuyangtest.cn/tiangou/",
            "icon": "iconfont icon-aria-ubuntu"
        },
        {
            "text":"表白墙",
            "href":"http://love.liuyangtest.cn/",
            "icon": "iconfont icon-aria-ubuntu"
        }
    ]
}

一定要注意标点,不然会显示不出来

该文章就是为了自己好记忆 把最近学的杂七杂八的东西整合了一下把~