欢迎光临
请一秒记住我们的网址:www.xinfangs.com !

用宝塔面板在服务器快速搭建一个SPlayer音乐网站

时间煮雨阅读(870)

今天在一为的社区论坛闲逛的时候偶然发现星书签导航有个音乐网站,巧的是之前在Github 找的仿网易云的音乐网站播放不了音乐了,就想来重新搞一个,一顿折腾,也做了,你也可以来试听下:http://music.ixgm.com

效果图如下:

可是,你想不想要搭建一个界面现代化的音乐小站呢,SPlayer音乐播放器是imsyy大佬制作的一个项目,接下来带小白们手把手部署这个项目吧!

PS:我自己用的是腾讯云的服务器,没有的自己购买,并且我现在也是使用主流的宝塔面板,docker也是很容易安装成功的,不会安装的自行科普哦,直接上教程了

Docker 一键部署:操作如图

1. 拉取镜像

docker pull imsyy/splayer:latest

2.创建容器,放行端口

docker run -d --name SPlayer -p 25884:25884 imsyy/splayer:latest

PS:这里操作完,需要去左面安全菜单里面去放行对应的端口,25884可以自行更改,

然后就成功了,直接访问 http://localhost:25884 就能开始使用啦!

3.域名配置

如果你想用一个二级域名去访问,操作如下,左面菜单-网站-添加站点-保存-域名设置-反向代理-把目标URL:http://localhost:25884更改成$host即可

然后结束,自己欣赏吧



分享一款好看的WordPress主题广告位源码

时间煮雨阅读(601)

最近折腾一个网址导航的网站,想在首页弄几个广告位,自己想折腾一下,又没有时间
正好今天逛一为用户中心的时候,老现老六的网站有这么一个广告位源码,就拿来发一下留给自己用,

效果如下图:

代码:



<!--图片广告区域开始-->
<div style="background-color:#fff;box-shadow:0px 0px 10px #dedede;padding:5px;margin-top:5px;margin-bottom:5px;">
    <h3 class="fly-panel-title" style="border-bottom:1px dotted #e2e2e2;margin-bottom:10px;">
        赞助商广告 <a style="float:right;color:#dedede;" href="https://www.ixgm.com/" target="_blank"
            onmouseover="this.style.color='#F00'" onmouseout="this.style.color='#dedede'">广告招商</a>
    </h3>
    <a class="adplan" data-id="15" style="display:block;width:100%;margin-bottom:10px;" rel="nofollow" target="_blank"
        href="https://www.ixgm.com/" title="广告联系q:1394406|过期时间:永久">
        <img src="https://www.xinfangs.com/pic/index/adwei.png"
            style="max-height:70px;width:100%;border-radius:4px;" width="644" height="70" title="" align=""
             /></a> <!--图片广告区域结束-->
    <!--顶部双排广告第二行-->
    <style>
        #nr {
            font-size: 20px;
            margin: 0;
            background: -webkit-linear-gradient(left,
                    #ffffff,
                    #ff0000 6.25%,
                    #ff7d00 12.5%,
                    #ffff00 18.75%,
                    #00ff00 25%,
                    #00ffff 31.25%,
                    #0000ff 37.5%,
                    #ff00ff 43.75%,
                    #ffff00 50%,
                    #ff0000 56.25%,
                    #ff7d00 62.5%,
                    #ffff00 68.75%,
                    #00ff00 75%,
                    #00ffff 81.25%,
                    #0000ff 87.5%,
                    #ff00ff 93.75%,
                    #ffff00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: 200% 100%;
            animation: masked-animation 2s infinite linear;
        }

        @keyframes masked-animation {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: -100%, 0;
            }
        }
    </style>
    <div
        style="background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:5px;margin-top:10px;margin-bottom:0px;">
        <marquee>
              <b id="nr">公告:欢迎来到新方式博客-专注分享科技前沿资讯,体验极致生活的博客!</b> </marquee>
    </div>
    <!--顶部双排广告第二行-->
    <style>
        .txtguanggao {
            width: 100%;
            overflow: hidden;
            display: block;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        }

        .txtguanggao a {
            width: 24.5%;
            float: left;
            border-radius: 2px;
            line-height: 35.35px;
            height: 35.35px;
            text-align: center;
            font-size: 14px;
            color: #fff;
            display: inline-block;
            background-color: rgb(255, 153, 159);
            margin: 2.5px;
            transition-duration: .3s;
        }

        .txtguanggao a:nth-child(1) {
            background-color: #dc3545;
        }

        .txtguanggao a:nth-child(2) {
            background-color: #007bff;
        }

        .txtguanggao a:nth-child(3) {
            background-color: #28a745;
        }

        .txtguanggao a:nth-child(4) {
            background-color: #ffc107;
        }

        .txtguanggao a:nth-child(5) {
            background-color: #28a745;
        }

        .txtguanggao a:nth-child(6) {
            background-color: #ffc107;
        }

        .txtguanggao a:nth-child(7) {
            background-color: #dc3545;
        }

        .txtguanggao a:nth-child(8) {
            background-color: #007bff;
        }

        .txtguanggao a:hover {
            background: #FF2805;
            color: #FFF
        }

        @media screen and (max-width: 1000px) {
            .txtguanggao a {
                width: 47.96%;
                float: left;
                border-radius: 2px;
                line-height: 35.35px;
                height: 35.35px;
                text-align: center;
                font-size: 14px;
                color: #fff;
                display: inline-block;
                background-color: rgb(255, 153, 159);
                margin: 2.5px;
                transition-duration: .3s;
            }
        }
    </style>
    <div class="txtguanggao">
        <a href="https://www.ixgm.com/" target="_blank" rel="nofollow"
            class="dh">文字广告火爆招租</a> <a href="https://www.ixgm.com/"
            target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a
            href="https://www.ixgm.com/" target="_blank"
            rel="nofollow" class="dh">文字广告火爆招租</a> <a
            href="https://www.ixgm.com/" target="_blank"
            rel="nofollow" class="dh">文字广告火爆招租</a> <a
            href="https://www.ixgm.com/" target="_blank"
            rel="nofollow" class="dh">文字广告火爆招租</a> <a
            href="https://www.ixgm.com/" target="_blank"
            rel="nofollow" class="dh">文字广告火爆招租</a> <a
            href="https://www.ixgm.com/" target="_blank"
            rel="nofollow" class="dh">文字广告火爆招租</a> <a
            href="https://www.ixgm.com/" target="_blank"
            rel="nofollow" class="dh">文字广告火爆招租</a>
    </div>
</div>
<!--文字广告结束-->

转自:老六资源网

WordPress免插件进行网页代码压缩优化网站速度

时间煮雨阅读(546)

在WordPress中无需插件进行代码压缩和优化网站速度,可以通过以下方法实现:

教程

主题 全局配置文件 中,在functions.php文件中加入以下代码:
有些主题会是在functions-theme.php文件中:

<span class="hljs-comment">/*
WordPress免插件网页代码压缩
*/</span>
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">wp_compress_html</span><span class="hljs-params">()</span></span>{
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">wp_compress_html_main</span> <span class="hljs-params">($buffer)</span></span>{
        $initial=strlen($buffer);
        $buffer=explode(<span class="hljs-string">"<!--wp-compress-html-->"</span>, $buffer);
        $count=count ($buffer);
        <span class="hljs-keyword">for</span> ($i = <span class="hljs-number">0</span>; $i <= $count; $i++){
            <span class="hljs-keyword">if</span> (stristr($buffer[$i], <span class="hljs-string">'<!--wp-compress-html no compression-->'</span>)) {
                $buffer[$i]=(str_replace(<span class="hljs-string">"<!--wp-compress-html no compression-->"</span>, <span class="hljs-string">" "</span>, $buffer[$i]));
            } <span class="hljs-keyword">else</span> {
                $buffer[$i]=(str_replace(<span class="hljs-string">"\t"</span>, <span class="hljs-string">" "</span>, $buffer[$i]));
                $buffer[$i]=(str_replace(<span class="hljs-string">"\n\n"</span>, <span class="hljs-string">"\n"</span>, $buffer[$i]));
                $buffer[$i]=(str_replace(<span class="hljs-string">"\n"</span>, <span class="hljs-string">""</span>, $buffer[$i]));
                $buffer[$i]=(str_replace(<span class="hljs-string">"\r"</span>, <span class="hljs-string">""</span>, $buffer[$i]));
                <span class="hljs-keyword">while</span> (stristr($buffer[$i], <span class="hljs-string">'  '</span>)) {
                    $buffer[$i]=(str_replace(<span class="hljs-string">"  "</span>, <span class="hljs-string">" "</span>, $buffer[$i]));
                }
            }
            $buffer_out.=$buffer[$i];
        }
        $final=strlen($buffer_out);   
        $savings=($initial-$final)/$initial*<span class="hljs-number">100</span>;   
        $savings=round($savings, <span class="hljs-number">2</span>);   
    <span class="hljs-keyword">return</span> $buffer_out;
}
ob_start(<span class="hljs-string">"wp_compress_html_main"</span>);
}
add_action(<span class="hljs-string">'get_header'</span>, <span class="hljs-string">'wp_compress_html'</span>);

然后我们刷新网页就OK了。那么如果我们要一些地方不要压缩,该如何做呢?

我们可以按照这个格式:

<span class="hljs-comment"><!--wp-compress-html--></span><span class="hljs-comment"><!--wp-compress-html no compression--></span>

不想压缩的地方

<span class="hljs-comment"><!--wp-compress-html no compression--></span><span class="hljs-comment"><!--wp-compress-html--></span>

【宝塔】搭建随机图API详细教程

时间煮雨阅读(874)

演示站点:

https://ixgm.com/api/pic/top

创建站点

首先,我们打开服务器的宝塔面板,如果没安装的推荐安装一个,因为这个对建站小白来说非常的方便。

我们参加一个 API 站点

然后到站点设置里申请一个 ssl 认证,再打开强制 https

添加图片链接

打开这个站点的目录,创建一个 img.txt 和一个 index.php

我们在 img.txt 中将我们图片的 url 写在里面,一行一个链接

添加运行代码

在 index.php 中写下这段代码

<?php
//存有image链接的文件名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"));
}
?>

到此大功告成!我们的随机图 API 就做好了!

可以再站点设置中添加防盗链,这样别人就无法使用你的 API 了,防止流量浪费

我们只需要访问这个 API 链接(index.php)就可以立即跳转到我们 img.txt 中的随机一张图片的地址啦!

WordPress导入导出插件–WP All Import Pro v4.9.0 破解版下载

时间煮雨阅读(1039)

WP All Import Pro是WordPress上的一款导入导出插件。可以导入xml、CSV、excel文件。博主以前使用过一段时间,体验还不错。一些大文件导入也没有问题。

官网链接访问WP All Import Pro官网

插件亮点

  • 多功能导入:支持XML、CSV、Excel文件的导入。
  • 智能识别:自动检测自定义字段、分类法、图片库、位置字段等WordPress网站内容。
  • 灵活上传:支持上传任何文件类型、大小和结构。
  • 便捷映射:无需重新组织数据,拖放即可将数据映射到WordPress相应字段。
  • 数据更新:使用新数据更新WordPress中现有内容,完全控制更新内容。
  • 广泛兼容:导入WooCommerce、ACF、用户、列表等数据。
  • 一键导出:从任何主题或插件导出数据,快速创建自定义电子表格。
  • XML提要:适用于任何模式的XML提要,快速创建或使用高级构建器编写。
  • 全面导出:导出WooCommerce、ACF、用户、列表等数据。

破解版下载信息

  • 版本:WP All Import Pro v4.9.0
  • 提示:本站未对破解版进行测试,用户需自行检查可用性并进行病毒查杀。

  • 隐藏内容,解锁需要登录
    登录解锁

安全提醒:使用非官方渠道的软件破解版可能违反版权法并带来安全风险。我们强烈建议用户通过官方渠道获取和使用软件,以确保合法性和数据安全。


希望这个版本更加清晰和专业。如果您有任何其他问题或需要进一步的帮助,请随时联系我。

一款开源的低代码可视化页面生成器,助力快速搭建网页、小程序和表单等应用!

时间煮雨阅读(902)

项目介绍:

MtBird是一款开源的低代码可视化页面生成器,允许用户通过图形界面和少量的代码(甚至无需代码)来构建网页、小程序和表单等应用。这极大地简化了前端开发流程,减少了手动编写代码的工作量。

无代码编辑器,无需代码生成小程序、H5页面和网站 ,拖拽操作、样式配置快速生成页面应用,数据可视化接入,支持定制业务拓展插件。

功能特点:

低代码开发:通过图形界面和少量代码(甚至无需代码)快速构建页面和网站。
拖拽式布局:提供拖拽式的界面布局工具,方便用户自由调整页面元素。
微信小程序支持:特别支持微信小程序的开发,满足跨平台需求。
实时预览:支持实时预览功能,用户可以在编辑器中即时看到页面的渲染效果。
丰富组件库:包含丰富的前端编辑器组件库,覆盖常用页面元素和功能。
可扩展性和自定义:支持用户根据需求添加新组件、扩展功能或调整编辑器设置。

技术栈与要求:

NodeJS版本:要求NodeJS版本>=18。
前端技术:项目主要使用前端技术构建,提供丰富的编辑器组件库。
其他:可能涉及与后端服务的交互(通过API),但具体实现细节需查看项目代码或文档。

快速开始:

注意:需要 NodeJS 版本: >=18。

git clone https://github.com/staringos/mtbird
pnpm install
pnpm  -w run start

在浏览器打开: http://localhost:3000/

请一秒记住我们的网址:www.xinfangs.com !

去投稿去留言