分类 教程 下的文章

6DFC0939-5FAE-41E1-855E-3AA467953638.png

[collapse title="口令"]
帮我生成图片：画面呈现出一种随性的简笔插画风，一张充满密密麻麻计算的草稿纸占据了大部分画面，计算的字迹凌乱且潦草。在这片凌乱之中，照片中的人以黑色签字笔画出，线条凌乱无序，它似乎迷失在这复杂的计算世界里，像是书写者写累后一时兴起的随手涂鸦。整体画面构图随意，光影上着重突出线条的对比，让图片中人物和草稿纸的凌乱感更加明显。比例3:4。
[/collapse]

为什么用别人的字体？本地储存字体加载起来很慢，自己服务器慢的话那就可想而知了，所以我们可以利用小米官网储存的字体加速，看链接就知道这是小米官网，放心使用~

链接中的400，600，700 可以去除其中一个，分别对应字体的粗细，看自己需求
小米字体

<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans" />

<style#>* {font-family: MiSans}</style#>

思源宋字体

<link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=Source_Han_Serif:400,600:Source_Han_Serif" />

<style#>* {font-family: Source Han Serif} </style#>

程序员专用字体

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i" />

<style#>* {font-family: Open Sans} </style#>

27E74BC6-7962-4D6D-B018-2FAD48BF0D4A.png

[collapse title="平流雾"]
帮我生成图片：帮我添加云晚霞，加强建筑质感和光影，天空色彩不要溢出，其他地方不变，按照最完美的方式进行后期 ，添加平流雾，帮我加强建筑质感和光影。原比例。
[/collapse]

将 Typecho 博客从旧域名 ovogk.com 迁移到新域名 mbsh.cn，主要涉及文件迁移和数据库内容替换两个核心步骤。直接覆盖安装会导致文章内的图片链接、附件地址失效，因此必须修改数据库中的旧域名记录。
以下是详细的操作流程：
📂 第一步：备份原站点数据
在进行任何操作前，请务必做好完整备份，以防数据丢失。
.  备份网站文件：
    *   登录原服务器（ovogk.com 所在的主机），将整个网站根目录打包下载。特别注意要保留 usr 目录（存放主题、插件、配置）和 .user.ini 等隐藏文件。
    *   环境建议：如果新旧服务器的 PHP 版本、MySQL 版本差异过大，建议先在新环境安装同版本的 Typecho 进行测试。
.  备份数据库：
    *   登录 phpMyAdmin 或使用宝塔面板等工具，找到 Typecho 对应的数据库。
    *   执行导出操作，下载 SQL 格式的备份文件到本地。
🛠️ 第二步：修改数据库中的域名（关键步骤）
Typecho 的文章内容、设置选项等都存储在数据库中，直接存储的是完整的旧域名链接。如果只迁移文件，文章里的图片将无法显示。
.  解压并编辑 SQL 文件：
    *   将刚才导出的 SQL 备份文件（通常为 .sql 或 .sql.gz）解压。
    *   使用文本编辑器（如 Notepad++、VS Code）打开该文件。
.  全局替换：
    *   使用“查找和替换”功能（快捷键通常为 Ctrl+H）。
    *   查找内容：ovogk.com
    *   替换为：mbsh.cn
    *   注意：请确保勾选“全部替换”。这会将数据库中所有包含旧域名的链接（如文章内容中的图片地址、附件路径、设置选项等）替换为新域名。
.  保存文件：
    *   保存修改后的 SQL 文件。
☁️ 第三步：部署到新服务器
.  上传文件：
    *   登录新服务器（mbsh.cn 所在的主机），将第一步中备份的网站文件全部上传并解压到新站点的根目录。
.  导入数据库：
    *   在新服务器上创建一个新的数据库（或清空旧数据库）。
    *   通过 phpMyAdmin 或数据库管理工具，导入第二步中修改并保存过的 SQL 文件。
.  配置伪静态：
    *   Typecho 需要伪静态支持。如果你使用 Nginx，请确保配置中包含以下规则，否则文章页面可能会 404：
        nginx
        if (!-e $request_filename) {
            rewrite ^(.*)$ /index.php$1 last;
        }
       
🚀 第四步：完成迁移与验证
.  访问新站点：
    *   在浏览器中访问 http://mbsh.cn。
    *   此时 Typecho 应该能正常运行，不需要重新安装。如果提示安装，请检查数据库是否导入成功，或者删除网站根目录下的 /config.inc.php 文件后重试。
.  检查后台：
    *   登录后台，检查“设置” -> “基本”中的站点地址是否已自动更新为 mbsh.cn。
    *   随机打开几篇文章，检查图片和附件是否能正常加载。

哈哈，这是ai写的教程、

XiunoBBS后台设置>基本设置>开启用户注册 关闭后，前台点击注册会提示： lang[user_create_not_on] 语言包错误；

这是因为官方提供的语言包里面没有添加关闭注册后的提示，按照以下步骤添加，找到 /lang/zh-cn/bbs.php 添加一行关闭注册后的提示语，如下所示：

'user_create_not_on'=>'暂时关闭注册状态'

转载奇梦

CSS 的filter属性就是你的 “魔法棒”，只需几行代码，就能为网页元素赋予各种惊艳的视觉效果，轻松提升页面质感。

认识filter属性

filter属性是 CSS 中用于对元素应用图形效果（如模糊、阴影、颜色调整等）的属性。它就像一个 “视觉特效师”，能让普通的图片、文字、按钮瞬间变得与众不同。filter属性的值是一个或多个滤镜函数的组合，每个滤镜函数都对应一种特定的效果。filter属性的基本语法如下：

.element {
  filter: filter-function();
}

例如，我们要为一个图片添加模糊效果，可以这样写：

img {
  filter: blur(3px);
}

这里的blur()就是一个滤镜函数，3px表示模糊的程度，数值越大，模糊效果越明显。

常用滤镜函数

2.1 模糊效果：blur()blur()函数用于给元素添加模糊效果，常被用于背景图片的虚化处理，营造出朦胧的美感，或是在鼠标悬停时，为元素添加动态的模糊过渡效果。

img {
  filter: blur(3px);
  transition: filter .5s ease-in-out;
}

img:hover {
  filter: blur(1px);
}

这个例子则展示了通过过渡动画，让图片在鼠标悬停时平滑地产生模糊变化，增加交互趣味性。
2.2 阴影效果：drop-shadow()
drop-shadow()函数可以为元素添加阴影，与box-shadow属性类似，但drop-shadow()更专注于模拟投影效果，且能更好地与滤镜链中的其他效果结合使用。

/* 为卡片添加投影 */
.card {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8));
}

上述代码中，0表示水平偏移量，4px表示垂直偏移量，8px是模糊半径，rgba(0, 0, 0, 0.8)则定义了阴影的颜色和透明度。通过调整这些参数，就能轻松打造出不同风格的阴影效果。
2.3 亮度调整：brightness()brightness()函数用于调整元素的亮度，可以让图片或元素变得更亮或更暗，数值范围是0%（全黑）到200%（两倍亮度），默认值为100%。

/* 降低图片亮度 */
.dim-image {
  filter: brightness(70%);
}

/* 鼠标悬停时，图片变亮 */
.highlight-image {
  transition: filter 0.3s ease;
}

.highlight-image:hover {
  filter: brightness(120%);
}

利用brightness()函数，我们可以实现图片在不同状态下的亮度变化，例如在图片列表中，让鼠标悬停的图片变亮，突出显示重点内容。
2.4 对比度调整：contrast()contrast()函数用于调整元素的对比度，数值范围同样是0%（完全没有对比度）到200%（两倍对比度），默认值为100%。提高对比度可以让元素的颜色更加鲜明，降低对比度则能营造出柔和的视觉效果。

/* 增加文字对比度 */
.strong-contrast-text {
  filter: contrast(400%);
}

/* 降低图片对比度 */
.soft-image {
  filter: contrast(50%);
}

2.5 色彩反转：invert()
invert()函数可以反转元素的颜色，将黑色变为白色，白色变为黑色，其他颜色也会相应地进行反转。它常用于创造有趣的视觉反差，或是制作具有科幻感、未来感的页面效果。

img {
  transition: filter 0.3s ease;
}

img:hover {
  filter: invert(100%);
}

兼容性与注意事项

虽然filter属性在现代浏览器中得到了广泛支持，但在一些老旧浏览器（如 IE 系列）中可能存在兼容性问题。为了确保网页在各种浏览器中都能正常显示，可以使用 CSS 特性查询（@supports）来提供回退方案：

.element {
  /* 不支持filter时的样式 */
  background-color: #ccc;
}

@supports (filter: blur(0)) {
  .element {
    /* 支持filter时的样式 */
    filter: blur(3px);
    background-color: transparent;
  }
}

转自:前端老鹰

非常的简单，只需要两步就可以轻松实现。css样式什么的需要自行进行解决。 第一步把下面的函数代码添加到相关文件中，例如:function.php


    //内置友链，参数为内容，字符串形式。
    function xm_yl($content){
    
        if (strpos($content, '{link') !== false) {
    
    $content = preg_replace_callback('/{link title="(.+?)"}(.+?){\/link}/', function ($match){
       $nr = str_replace(['<br>', '<p>', '</p>'], '', $match[2]);
        $content = '<div class="link_body"><div class="link_title">'.$match[1].'</div>'.$nr.'</div>';
        return $content;
    }, $content);   
        }
    
    
        if (strpos($content, '{linka') !== false) {
            
            $content = preg_replace('/{linka url="(.+?)"}(.+?){\/linka img="(.+?)"}/','<a href="\\1" target="_blank"><div class="link_body_list"><div class="link_body_img"><img class="lazyload" data-src="\\3" src="//520917.xyz/app/app/view/xmuix/public/img/jz.jpg"></div><div class="link_body_name">\\2</div></div></a>', $content);
        }
    
    
        return $content;
    }

第二步在相关要实现友链的文件中添加以下代码。

<!--?php echo xm_yl($this--->content);?>

第三步在内容中添加友链ubb代码即可

    {link title="分类标题"}
    {linka url="url地址"}名称{/linka img="图片"}
    {/link}

转自:寻梦博客

在互联网中，我们常常需要快速获取各类图片资源。今天，就为大家带来一个超实用的教程，教你轻松搭建属于自己的随机图片获取API，从此告别四处寻觅图片API的繁琐。

方法一、外链读取txt

1.新建文件api.php

    <?php
    // 使用__DIR__常量获取当前脚本所在目录，并拼接文件路径
    $filename = __DIR__. '/img.txt';
    if (!file_exists($filename)) {
        die('文件不存在');
    }
    // 打开文件并检查是否成功
    $fs = fopen($filename, "r");
    if (!$fs) {
        die('无法打开文件');
    }
    // 从文本获取链接
    $pics = [];
    while (!feof($fs)) {
        $line = trim(fgets($fs));
        if ($line!== '') {
            array_push($pics, $line);
        }
    }
    fclose($fs);
    // 从数组随机获取链接
    $pic = $pics[array_rand($pics)];
    // 获取type参数
    $type = isset($_GET['type'])? $_GET['type'] : '';
    switch ($type) {
        // JSON返回
        case 'json':
            header('Content - type:text/json');
            die(json_encode(['pic' => $pic]));
        default:
            // 验证链接是否合法
            if (!filter_var($pic, FILTER_VALIDATE_URL)) {
                die('无效的图片链接');
            }
            die(header("Location: $pic"));
    }

2.新建文件img.txt

    http://example.com/image1.jpg
    http://example.com/image2.jpg
    http://example.com/image3.jpg

访问你的网址/api.php访问就可以实现了，api.php和 img.txt 理想存放目录是在同一目录下。
如果将img.txt放于特定目录。此时，需在api.php中修改$filename变量指定完整路径，如：
$filename = '/var/www/wwwroot/data/img.txt';

方法二、读取本地目录模式

    <?php
    $img_array = glob("images/*.{gif,jpg,png}", GLOB_BRACE);
    if (!empty($img_array)) {
        $img = array_rand($img_array);
        $dz = $img_array[$img];
        header("Location: " . $dz);
        exit; // 重定向后终止脚本执行
    } else {
        echo "没有找到符合条件的图片文件。";
    }
    ?>

图片丢到images文件夹下，访问api.php即可

来源:白衣博客