十八码

Matomo - 可自己搭建部署的私有化网站统计平台，完全掌控网站数据安全和隐私

Tue, 21 Jan 2025 23:24:18 +0800

Matomo简介

Matomo‌是一个开源的网络和移动分析平台，旨在提供强大的网络分析和转换优化功能。它被重新定义为一体化网络分析平台，具有许多高级功能，如热点图、会话记录、A/B测试、漏斗分析、目标设置、表格分析等‌。Matomo还提供了访客个人资料、增强的SEO功能、标签管理器、GDPR管理器等工具，帮助用户更好地理解和优化网站性能‌。Matomo是Google Analytics的开源替代工具。与其他网络上面的网站流量统计工具，不同的是Matom是可以自建的，好处还是很明显的，你可以拥有你所有的数据，这在以后或者将来会越来越重要。Matomo的前身是Piwik，07年开始发布的，目前功能尽可能的完善了。

Matomo‌官网：https://matomo.org/

Matomo‌文档：https://matomo.org/help/?header

功能和优势

‌数据所有权和控制权‌：Matomo让用户拥有100%的数据所有权，用户可以在自己的服务器上托管分析数据，确保数据的隐私和安全‌。
‌隐私保护‌：Matomo尊重用户隐私，符合GDPR标准，不会进行数据采样或出售用户数据‌。
‌功能丰富‌：Matomo提供了广泛的功能，包括跟踪网站流量、分析用户行为、生成报告等，帮助用户做出更好的业务决策‌。
‌开源和免费‌：Matomo是一个免费的开源工具，用户可以免费使用并参与其开发社区‌。
‌灵活性和可定制性‌：Matomo构建于PHP和MySQL之上，具有高度的灵活性和可定制性，适用于各种环境和需求‌

环境部署

准备一个域名（一级或二级域名都行）和一台自有服务器，可以是云服务器、轻量应用服务器、或者其他服务器。一般情况下2核4G内存的服务器就够用，但视被统计网站数量以及被统计网站的访问量而不同，通俗的讲统计越多网站统计越多访问数据量就需要配置更高的服务器来支持。

安装步骤

以阿里云轻量应用服务器为例：

在阿里云产品列表中选择购买一台轻量应用服务器，服务器镜像选择>宝塔linux面板。
登录此台服务器的宝塔面板，选择编译安装：Nginx、MYSQL、PHP。
将域名解析至该服务器IP地址。
宝塔面板新建一个网站，选择创建数据库，绑定刚解析过来的域名。
下载Matomo程序压缩包并上传至刚创建网站目录，解压Matomo程序后将Matomo文件夹内所有文件剪切至网站目录。
浏览器输入该域名，按提示步骤执行Matomo程序安装。

Tips：在安装过程的web环境检查中，一般遇到的问题是shell_exec函数禁用，我们需要启用这个函数。在php管理>禁用函数>删除shell_exec函数禁用即可。程序安装完成后可在宝塔面板>软件商店>>安装Redis，在PHP管理>安装拓展>安装Redis，用于增强Matomo程序性能。

官方安装文档：https://matomo.org/faq/on-premise/installing-matomo/

阿里云官网：https://www.aliyun.com/

宝塔面板官网：https://www.bt.cn/

Matomo下载

[CommShow]Matomo5.2.1网站数据统计程序下载[/CommShow]

宝塔面板服务器禁止指定IP或者IP段访问的几种常见方法

Sun, 19 Jan 2025 18:39:25 +0800

在服务器运维时经常会遇到恶意IP地址访问服务器，某些蜘蛛爬虫频繁抓取站点内容等原因导致服务器压力增大和带宽拥挤等等问题，出于安全考虑或资源限制，有时需要禁止特定IP段对服务器的访问，这些通常涉及到配置防火墙规则或使用其他网络安全以上设备来实现，通过禁止某些IP段的访问，可以有效防止恶意攻击、非技术入侵以及保护敏感数据不被未授权访问。

首先分析日志或者借助iftop等工具确定恶意IP地址或者IP段，例如：

起始IP	结束IP	子网掩码
192.168.1.0	192.168.1.255	255.255.255.0

192.168.1.0/24表示从192.168.1.0到192.168.1.255的所有IP地址‌

禁止IP地址或者IP段的几种常用方法

一、使用服务器防火墙。

在防火墙添加规则将恶意IP地址或者IP段设置为拒绝所有请求访问。如iptables（Linux）或Windows防火墙（Windows Server）。

1、Linux系统（使用iptables）

‌配置防火墙规则‌：

打开终端，以root用户登录服务器。

使用以下命令添加规则禁止指定IP的所有进站连接：

sudo iptables -A INPUT -s <IP地址> -j DROP

例如，禁止IP地址192.168.1.100的所有进站连接：

sudo iptables -A INPUT -s 192.168.1.100 -j DROP

保存并重启防火墙服务以使规则生效：

sudo service iptables save
sudo service iptables restart

‌测试访问‌：从被禁止的IP段尝试访问服务器，验证访问是否被成功阻止。如果测试没通过，检查并调整防火墙规则‌。

2、Windows系统（使用Windows防火墙）

‌打开“控制面拳”，点击“系统和安全”，然后点击“Windows Defender防火墙”。‌

‌在左侧菜单栏中，点击“高级设置”。‌

‌在右侧窗户中，选择“进站规则”，然后点击“新建规则”。‌

‌按照向导设置规则，选择“自定义”，然后选择“这台计算机上的任何IP地址”。‌

‌在“协议和端口”步骤中，选择“TCP”或“UDP”，并指定要阻止的端口号。‌

‌在“远程IP地址”步骤中，选择“这个IP地址范围”，填进需要禁止访问的IP地址。‌

‌在“操作”步骤中，选择“阻止连接”，然后点击“下一步”。‌

‌填写规则名称并完成设置‌。

二、使用宝塔面板提供的防火墙

位置在服务器宝塔面板左侧菜单>WAF，此工具是收费项目。

宝塔防火墙是保护Web应用程式免受各种网络攻击，检测过滤恶意请求限制访问频率，增强应用程序的安全，容易于配置和使用，是保护Web应用程序安全的重要工具之一。

三、使用宝塔面板官方提供的堡塔云WAF方案

此方案分免费和收费两种形式，免费版即可满足大部分服务器运维需求，缺点是需要另购一台服务器用来部署堡塔云WAF。

堡塔云WAF简介：免费的WAF防火墙，第一个支持ARM国产系统的WAF防火墙，有超高自由上的自定义拦截规则和可灵活配置各种限制访问，有效防CC攻击、防恶意采集、防刷接著等常见攻击和黑客人渗呼测试行为，为您的业务网站保厉害护航。

堡塔云WAF官网：https://www.bt.cn/new/btwaf.html

堡塔云WAF教程：https://www.kancloud.cn/kern123/cloudwaf/3217243

苹果CMS V10 - 二开仿某豆网站粉红色精致模板

Wed, 15 Jan 2025 14:55:51 +0800

模板截图

模板简介

这款苹果CMSV10粉红色精致模板是网络上现在流传很火的苹果cmsV10二开仿某豆网站模板，网络上价值600多。使用V10 1075版本支持站群，支持数据库挂马检测等。

测试环境

环境需要PHP7.3，安装扩展SG11，附件为完整程序，没服务器测试，源码来源于网络，安全性请自行研究。

更新说明

修改内核无法获取支付类型问题，
收藏模块划分三个页面，不再使用同一个页面
增加手机及邮箱注册功能，增加wx支付页面

模板安装

PHP选择7.3（安装扩展SG11）

后台地址：域名/MDadmin.php

找到文件夹applicationdatainstall目录下的install.lock删除掉

打开域名直接安装

开屏广告在后台“主题设置”，幻灯片“网址”栏目

播放时广告在后台“播放器设置“

使用苹果cmsv10版二次开发，程序具有极好的稳定，安全，高性能等优点！

基本功能

后台增加自定义参数，对应会员升级页面
视频，演员，收藏，会员系统模块齐全
完整的卡密支付体系，无人看管，无需挂码。
三个播放界面，未注册会员、普通注册会员，VIP会员看到的播放界面提醒都不一样
整套模板自适应，可以完美打包APP
除了网站LOGO，自定义的广告等，其他界面均无需特别设置，只要有采集接口即可轻松运营网站

二开功能

后台自带主题设置
自带开屏广告，可在后台控制开关，以及时间
单独设置某部视频为VIP会员才能观看
VIP视频独有标识
模板整体弹窗提示更换，使用更好美观的layer弹窗提示
卡密充值修改字段，不需要再输入卡号+卡密的方式进行充值，只需要卡号即可充值
卡密系统二开，让卡密系统更实用
卡密激活可以直接开通会员并可以设置开通时间
修复卡密导出功能，更清晰的导出卡密对应的金额和天数
修复卡密搜索功能，可以根据天数搜索卡密
注册自动送VIP，可自行设置赠送多少天或无赠送
在线支付加强，支付后自动升级至会员，无需再进行充值积分进行升级
可添加播放前广告
可添加播放器暂停广告
可添加播放器右上角水印
可添加前置视频广告，支持MP4及M3U8格式
可以单独设置任意视频仅VIP观看，操作简单

模板下载

[CommShow]模板下载[/CommShow]

苹果CMS用定时任务功能自动完成采集资源、生成静态视频文章等操作

Thu, 04 Jul 2024 09:10:24 +0800

定时任务目前内置了采集资源、生成静态2个执行操作

1，采集资源库

执行文件：选择采集资源库collect

附加参数：可从联盟资源库，自定义资源列表中获取（在采集今日，采集本周，采集全部右键复制链接）截取参数部分即可。

例如：

任务名称：cj_day

任务描述：采集当天数据

附加参数：ac=cjall&h=24&xt=1&ct=&cjflag=b9c546ba925d22ed654927b44638df34&cjurl=http://cj.18ma.cn/mox/inc/youku.php

2，生成静态

执行文件：选择生成make

附加参数：

例如：

生成首页

ac=index

生成地图页

ac=map

生成rss

ac=rss

生成百度sitemap

ac=rss&ac2=baidu

生成谷歌sitemap

ac=rss&ac2=google

生成专题首页

ac=topic_index

生成专题详情页

ac=topic_info&topic=1,2,3,4

生成视频分类页

ac=type&tab=vod&vodtype=1,2

生成当日有更新数据的视频分类

ac=type&tab=vod&ac2=day

生成文章分类页

ac=type&tab=art&arttype=3,4

生成当日有更新数据的文章分类

ac=type&tab=art&ac2=day

生成自定义页面

ac=label&label=new.html,rank.html

生成视频详情页

ac=info&tab=vod&ids=1,2,3

生成未生成视频详情页

ac=info&tab=vod&ac2=nomake

生成文章详情页

ac=info&tab=art&ids=1,2,3

生成未生成文章详情页

ac=info&tab=art&ac2=nomake

3，采集规则

执行文件：选择采集规则cj

参数id=1，参数就是当前采集自定义采集规则的编号。

为了不影响服务器性能，目前仅采集第一页。

4，清理缓存

执行文件：选择清理缓存cache

无需参数

5，网址推送

执行文件：选择网址推送urlsend

附加参数：

百度主动推送当天视频ac=baidu_push&ac2=today&mid=1
百度主动推送当天文章ac=baidu_push&ac2=today&mid=2
百度主动推送当天专题ac=baidu_push&ac2=today&mid=3
百度主动推送当天演员ac=baidu_push&ac2=today&mid=8
百度主动推送当天角色ac=baidu_push&ac2=today&mid=9
百度熊掌号推送当天视频ac=baidu_bear&ac2=today&type=realtime&mid=1
百度熊掌号推送当天文章ac=baidu_bear&ac2=today&type=realtime&mid=2
百度熊掌号推送当天专题ac=baidu_bear&ac2=today&type=realtime&mid=3
百度熊掌号推送当天演员ac=baidu_bear&ac2=today&type=realtime&mid=8
百度熊掌号推送当天角色ac=baidu_bear&ac2=today&type=realtime&mid=9

苹果CMS V10 - 漂亮UI仿芒果TV听书双端模板（十八码修复无错开源版）

Tue, 11 Jun 2024 16:03:09 +0800

模板简介

苹果CMS V10一款经典漂亮UI仿芒果TV听书电脑和手机双端模板，本站（十八码-www.18ma.cn）改版成影视站双端模板并修复了：

修复全站图片lazyload懒加载
修复电脑端右上角登录弹窗错误、修复手机端登录和注册页面多处错误
分类页和筛选页增加二级分类、剧情、年代等条件筛选
手机端详情页增加同导演、同演员视频推荐
详情页、播放页增加影视SEO简介和播放列表集成TAB选项卡并增加正倒序功能
修复视频搜索页错误并增加关键词高亮显示
手机端底部导航增加大按钮缓动特效，增加“最新更新”和“影视排行榜”入口
整站各个页面SEO优化

还有多处修复优化，在此不全部列举了，喜欢的可自行下载体验......

注意：尊重本站人力劳动，转载请注明出处，谢谢！

测试环境

苹果CMS V10

Apache 2.4

PHP 5.6

Mysql 5.5

模板安装

1.将下载文件解压拷贝至苹果CMS程序模板template目录内

2.苹果CMS管理后台-系统-网站参数配置-网站模板选择“ting_pc”，手机模板选择“ting_wap”

3.双端首页幻灯图均为“推荐9”

注意：尊重本站人力劳动，转载请注明出处，谢谢！

模板截图

模板下载

[CommShow]

点我下载

[/CommShow]

苹果CMS模板对页面title标题、keywords关键词、description描述的基本SEO优化

Mon, 10 Jun 2024 11:55:09 +0800

苹果CMS建站后对主页、分类页、筛选页、详情页、播放页、搜索页等待页面都需要做简单的SEO优化，大部分苹果CMS模板都有这部分优化，记录一下苹果CMS模板中比较常见的title标题、keywords关键词、description描述的基本SEO优化：

{if $maccms.aid==1 || $maccms.aid==10}
<!--首页 index/index 及 vod/index -->
<title>{if !empty($maccms.seo.vod.name)}{$maccms.seo.vod.name} - {/if}{$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($maccms.seo.vod.key)}{$maccms.seo.vod.key}{else/}{$maccms.site_keywords}{/if}" />
<meta name="description" content="{if !empty($maccms.seo.vod.des)}{$maccms.seo.vod.des}{else/}{$maccms.site_description}{/if}"/>

{elseif $maccms.aid==11/}
<!--视频分类页 vod/type -->
<title>{if !empty($obj.type_title)}{$obj.type_title}{else/}{$obj.type_name}{/if} - 第{$param.page}页 - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($obj.type_key)}{$obj.type_key}{else/}{$obj.type_name},好看的{$obj.type_name},{$obj.type_name}排行榜,最新{$obj.type_name}{/if}" />
<meta name="description" content="{if !empty($obj.type_des)}{$obj.type_des}{else/}{$obj.type_name}栏目收集整理最新好看的{$obj.type_name}大全，提供{$obj.type_name}排行榜推荐，为网友提供高画质的{$obj.type_name}{/if}" />

{elseif $maccms.aid==12/}
<!--视频筛选页 vod/show -->
<title>{$param.year}{$param.area}{$param.lang}{if !empty($param.letter)}首字母{$param.letter}{/if}{$param.version}{$param.class}{$obj.type_name}{$param.state}{if $param.by=='hits'}排行榜{/if} - 第{$param.page}页 - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($obj.type_key)}{$obj.type_key}{else/}{$obj.type_name},好看的{$obj.type_name},{$obj.type_name}排行榜,最新{$obj.type_name}{/if}" />
<meta name="description" content="{if !empty($obj.type_des)}{$obj.type_des}{else/}{$obj.type_name}栏目收集整理最新好看的{$obj.type_name}大全，提供{$obj.type_name}排行榜推荐，为网友提供高画质的{$obj.type_name}{/if}" />

{elseif $maccms.aid==13/}
<!--视频搜索页 vod/search -->
<title>{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag} - 影视搜索 - {$maccms.site_name}</title>
<meta name="keywords" content="{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag}">
<meta name="description" content="{$maccms.site_description}">

{elseif $maccms.aid==14/}
<!--视频详情页 vod/detail -->
<title>《{$obj.vod_name}》高清在线观看{if !empty($obj.vod_down_list)} - 《{$obj.vod_name}》高清下载{/if} - {$obj.type.type_name} - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.vod_name},{$obj.vod_name}在线观看,{$obj.vod_name}高清在线观看,{$obj.vod_name}手机观看{if !empty($obj.vod_down_list)},{$obj.vod_name}高清下载{/if},{$obj.type.type_name}"/>
<meta name="description" content="《{$obj.vod_name}》讲述的是：{$obj.vod_content|mac_filter_html|mac_substring=140}"/>

{elseif $maccms.aid==15/}
<!--视频播放页 vod/play -->
<title>《{$obj.vod_name}》 {$obj['vod_play_list'][$param['sid']]['urls'][$param['nid']]['name']} - 正在播放 - {$obj.type.type_name} - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.vod_name},{$obj.vod_name}在线观看,{$obj.type.type_name}"/>
<meta name="description" content="《{$obj.vod_name}》讲述的是：{$obj.vod_content|mac_filter_html|mac_substring=140}"/>

{elseif $maccms.aid==16/}
<!--视频下载页 vod/down -->
<title>《{$obj.vod_name}》 {$obj['vod_down_list'][$param['sid']]['urls'][$param['nid']]['name']}高清下载 - {$obj.type.type_name} - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.vod_name},{$obj.vod_name}高清,{$obj.type.type_name}"/>
<meta name="description" content="《{$obj.vod_name}》讲述的是：{$obj.vod_content|mac_filter_html|mac_substring=140}"/>

{elseif $maccms.aid==17/}
<!--视频角色页 vod/role -->
<title>《{$obj.vod_name}》角色 - 《{$obj.vod_name}》演员表 - {$obj.type.type_name} - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.vod_name}角色,{$obj.vod_name}演员表"/>
<meta name="description" content="《{$obj.vod_name}》讲述的是：{$obj.vod_content|mac_filter_html|mac_substring=140}"/>

{elseif $maccms.aid==20/}
<!--文章首页 art/index -->
<title>{if !empty($maccms.seo.art.name)}{$maccms.seo.art.name}{else/}文章首页{/if} - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($maccms.seo.art.key)}{$maccms.seo.art.key}{else/}{$maccms.site_keywords}{/if}" />
<meta name="description" content="{if !empty($maccms.seo.art.des)}{$maccms.seo.art.des}{else/}{$maccms.site_description}{/if}" />

{elseif $maccms.aid==21/}
<!--文章分类页 art/type -->
<title>{if !empty($obj.type_title)}{$obj.type_title}{else/}{$obj.type_name}{/if} - 第{$param.page}页 - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($obj.type_key)}{$obj.type_key}{else/}{$obj.type_name},好看的{$obj.type_name},{$obj.type_name}排行榜,最新{$obj.type_name}{/if}" />
<meta name="description" content="{if !empty($obj.type_des)}{$obj.type_des}{else/}{$obj.type_name}栏目收集整理最新好看的{$obj.type_name}大全，提供{$obj.type_name}排行榜推荐{/if}" />

{elseif $maccms.aid==22/}
<!--文章筛选页 art/show -->
<title>{if !empty($obj.type_title)}{$obj.type_title}{else/}{$obj.type_name}{/if} - 第{$param.page}页 - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($obj.type_key)}{$obj.type_key}{else/}{$obj.type_name},好看的{$obj.type_name},{$obj.type_name}排行榜,最新{$obj.type_name}{/if}" />
<meta name="description" content="{if !empty($obj.type_des)}{$obj.type_des}{else/}{$obj.type_name}栏目收集整理最新好看的{$obj.type_name}大全，提供{$obj.type_name}排行榜推荐{/if}" />

{elseif $maccms.aid==23/}
<!--文章搜索页 art/search -->
<title>{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag} - 文章搜索 - {$maccms.site_name}</title>
<meta name="keywords" content="{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag}">
<meta name="description" content="{$maccms.site_description}">

{elseif $maccms.aid==24/}
<!--文章详情页 art/detail -->
<title>{if !empty($obj.art_page_list[$param['page']]['title'])}{$obj.art_page_list[$param['page']]['title']} - {/if}{$obj.art_name}{if $__PAGING__.page_total gt 1} - 第{$param.page}页{/if} - {$obj.type.type_name} - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.art_tag},{$obj.art_name}">
<meta name="description" content="{if !empty($obj.art_page_list[$param['page']]['note'])}{$obj.art_page_list[$param['page']]['note']},{/if}{$obj.art_blurb}">

{elseif $maccms.aid==30/}
<!--专题列表页 topic/index -->
<title>{if !empty($maccms.seo.topic.name)}{$maccms.seo.topic.name}{else/}专题频道 - 第{$param.page}页{/if} - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($maccms.seo.topic.key)}{$maccms.seo.topic.key}{else/}{$maccms.site_keywords}{/if}" />
<meta name="description" content="{if !empty($maccms.seo.topic.des)}{$maccms.seo.topic.des}{else/}{$maccms.site_description}{/if}" />

{elseif $maccms.aid==34/}
<!--专题详情页 topic/detail -->
<title>{$obj.topic_name}-{$maccms.site_name}</title>
<meta name="keywords" content="{$obj.topic_name}"/>
<meta name="description" content="{$obj.topic_content|mac_filter_html|mac_substring=140}"/>

{elseif $maccms.aid==80/}
<!--演员首页 actor/index -->
<title>{if !empty($maccms.seo.actor.name)}{$maccms.seo.actor.name}{else/}明星库{/if} - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($maccms.seo.actor.key)}{$maccms.seo.actor.key}{else/}{$maccms.site_keywords}{/if}" />
<meta name="description" content="{if !empty($maccms.seo.actor.des)}{$maccms.seo.actor.des}{else/}{$maccms.site_description}{/if}" />

{elseif $maccms.aid==81/}
<!--演员分类页 actor/type -->
<title>{if !empty($obj.type_title)}{$obj.type_title}{else/}{$obj.type_name}{/if} - 第{$param.page}页 - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($obj.type_key)}{$obj.type_key}{else/}{$obj.type_name},{$obj.type_name}排行榜,最新{$obj.type_name}{/if}" />
<meta name="description" content="{if !empty($obj.type_des)}{$obj.type_des}{else/}{$obj.type_name}栏目收集整理最新{$obj.type_name}大全，提供{$obj.type_name}排行榜推荐{/if}" />

{elseif $maccms.aid==82/}
<!--演员筛选页 actor/show -->
<title>{$param.sex}{$param.area}{$param.blood}{if !empty($param.letter)}首字母{$param.letter}{/if}{$param.class}{$obj.type_name}{if $param.by=='hits'}排行榜{/if} - 第{$param.page}页 - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($obj.type_key)}{$obj.type_key}{else/}{$obj.type_name},{$obj.type_name}排行榜,最新{$obj.type_name}{/if}" />
<meta name="description" content="{if !empty($obj.type_des)}{$obj.type_des}{else/}{$obj.type_name}栏目收集整理{$obj.type_name}大全，提供{$obj.type_name}排行榜推荐{/if}" />

{elseif $maccms.aid==83/}
<!--演员搜索页 actor/search -->
<title>{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag} - 演员搜索 - {$maccms.site_name}</title>
<meta name="keywords" content="{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag}">
<meta name="description" content="{$maccms.site_description}">

{elseif $maccms.aid==84/}
<!--演员详情页 actor/detail -->
<title>{$obj.actor_name}个人资料 - {$obj.actor_name}演过的电视剧 - {$obj.actor_name}电影全集 - {$maccms.site_name}</title>
<meta name="keywords" content="{$obj.actor_name}个人资料,{$obj.actor_name}演过的电视剧,{$obj.actor_name}电影全集,{$obj.actor_name}最新电影,{$obj.actor_name}最新电视剧">
<meta name="description" content="{$maccms.site_name}为你收集了{$obj.actor_name}个人资料包括了{$obj.actor_name}最新演过的电视剧,{$obj.actor_name}电影全集,以及{$obj.actor_name}图片剧照最近动态等信息希望你能喜欢。">

{elseif $maccms.aid==90/}
<!--角色首页 role/index -->
<title>{if !empty($maccms.seo.role.name)}{$maccms.seo.role.name}{else/}角色库{/if} - {$maccms.site_name}</title>
<meta name="keywords" content="{if !empty($maccms.seo.role.key)}{$maccms.seo.role.key}{else/}{$maccms.site_keywords}{/if}" />
<meta name="description" content="{if !empty($maccms.seo.role.des)}{$maccms.seo.role.des}{else/}{$maccms.site_description}{/if}" />

{elseif $maccms.aid==93/}
<!--角色搜索页 role/search -->
<title>{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag} - 角色搜索 - {$maccms.site_name}</title>
<meta name="keywords" content="{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag}">
<meta name="description" content="{$maccms.site_description}">

{elseif $maccms.aid==94/}
<!--角色详情页 role/detail -->
<title>《{$obj.data.vod_name}》角色 {$obj.role_name}资料 - {$obj.role_name}饰演者{$obj.role_actor}参演影视剧 - {$maccms.site_name}</title>
<meta name="keywords" content="《{$obj.data.vod_name}》角色 {$obj.role_name}资料,{$obj.role_name}饰演者{$obj.role_actor}参演影视剧">
<meta name="description" content="{$maccms.site_name}为你收集了《{$obj.data.vod_name}》角色 {$obj.role_name}资料,以及{$obj.role_name}饰演者{$obj.role_actor}的资料及参演影视剧">

{elseif $maccms.aid==100/}
<!--剧情首页 plot/index -->
<title>影视剧情介绍-{$maccms.site_name}</title>
<meta name="keywords" content="影视剧情,影视剧情介绍">
<meta name="description" content="{$maccms.site_name}为您提供最新影视剧情,影视分集剧情介绍,让您可以随时了解最新影视剧透。">

{elseif $maccms.aid==103/}
<!--剧情搜索页 plot/search -->
<title>{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag} - 剧情搜索 - {$maccms.site_name}</title>
<meta name="keywords" content="{$param.wd}{$param.actor}{$param.director}{$param.area}{$param.lang}{$param.year}{$param.class}{$param.tag}">
<meta name="description" content="{$maccms.site_description}">

{elseif $maccms.aid==104/}
<!--剧情详情页 plot/detail -->
<title>{$obj.vod_name}分集剧情介绍-{$maccms.site_name}</title>
<meta name="keywords" content="{$obj.vod_name}剧情介绍,{$obj.vod_name}分集剧情介绍" />
<meta name="description" content="{$obj.vod_name}{$obj['vod_plot_list'][$param['page']]['name']}分集剧情介绍：{$obj['vod_plot_list'][$param['page']]['detail']|mac_filter_html|mac_substring=100}" />

{elseif $maccms.aid==2/}
<!--网站地图 map/index -->
<title>网站地图 - {$maccms.site_name}</title>
<meta name="keywords" content="网站地图,{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />

{elseif $maccms.aid==4/}
<!--留言本 gbook/index -->
<title>问题反馈 - {$maccms.site_name}</title>
<meta name="keywords" content="留言本,问题反馈,{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />

{elseif $maccms.aid==7 && $label_name=='new'/}
<!--最新更新页 label/new -->
<title>最新更新的100个电视剧、电影、动漫、综艺节目 视频 - {$maccms.site_name}</title>
<meta name="keywords" content="最新更新,{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />

{elseif $maccms.aid==7 && $label_name=='ranking'/}
<!--排行榜页 label/ranking-->
<title>全站排行榜 - {$maccms.site_name}</title>
<meta name="keywords" content="全站排行榜,热播榜,{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />

{elseif $maccms.aid==7 && $label_name=='flink'/}
<!--友情链接页 label/flink -->
<title>友情链接 - {$maccms.site_name}</title>
<meta name="keywords" content="友情链接,{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />

{elseif $maccms.aid==7 && $label_name=='help_xunlei'/}
<!--迅雷帮助页 label/help_xunlei -->
<title>迅雷下载帮助 - {$maccms.site_name}</title>
<meta name="keywords" content="{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />

{elseif $maccms.aid==7 && $label_name=='help_baidu'/}
<!--百度网盘帮助页 label/help_baidu -->
<title>百度网盘下载帮助 - {$maccms.site_name}</title>
<meta name="keywords" content="{$maccms.site_keywords}" />
<meta name="description" content="{$maccms.site_description}" />
{/if}

CSS基础 - 实现隐藏滚动条并可以滚动内容效果

Sun, 09 Jun 2024 19:35:17 +0800

我们经常在前端开发中遇到这种情况，特别是在H5移动端页面开发时，经常需要隐藏滚动条的同时还需要支持滚动，今天就来聊聊CSS实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。

第一种方法：

要在CSS中实现元素的水平滚动同时隐藏滚动条，可以使用以下方法：对于支持Webkit内核的浏览器（如Chrome、Safari），可以使用：：-webkit-scrollbar伪元素来隐藏滚动条。

以下是实现水平滚动并隐藏滚动条的CSS代码示例：

.scroll-container {
overflow-x: auto;
white-space: nowrap;
}
 
.scroll-container:：-webkit-scrollbar {
display: none；/*对于Webkit内核浏览器隐藏滚动条*/
}

HTML结构：

<div class=“scroll-container”>
<！--属性过多，需要水平滚动显示-->
<div class=“content”>
<！--属性内联显示，不换行-->
…
</div>
</div>

这样，.scroll-container内的属性就可以水平滚动，而滚动条不会显示。

第二种方法

计算滚动条宽度并隐藏起来

在本站的侧栏，你可以看到前端日报的那块属性并没有滚动条，但鼠标移上去却可以滚动属性。这是什么技术呢？其实我只是把滚动条通过定位把它隐藏了起来。

下面给一个简化版的代码·

<div class="outer-container">
    <div class="inner-container">
     ......
    </div>
</div>
.outer-container{
 width: 360px;
 height: 200px;
 position: relative;
 overflow: hidden;
}
.inner-container{
 position: absolute;
 left: 0;
 top: 0;
 right: -17px;
 bottom: 0;
 overflow-x: hidden;
 overflow-y: scroll;
}

这个代码巧妙的向右移动了17个像素，刚好等于滚动条的宽度。这个值是我手动调试得来的。在chrome和IE没发现问题。

第三种方法

该代码最早是在Microsoft博客上看到的，跟我上面的思路差不多，只不过人家里面又加多了一个盒子，将属性限制在盒子里面了。这样子就看不到滚动条同时也可以滚动。

代码如下：

<div class="outer-container">
     <div class="inner-container">
        <div class="content">
            ......
        </div>
     </div>
 </div>
//code from http://caibaojian.com/hide-scrollbar.html
.element, .outer-container {
  width: 200px;
  height: 200px;
}

.outer-container {
  border: 5px solid purple;
  position: relative;
  overflow: hidden;
}

.inner-container {
  position: absolute;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.inner-container::-webkit-scrollbar {
  display: none;
}

播放器如何自动识别MP4、M3U8、FLV等视频格式，加载正确插件类型播放视频

Thu, 06 Jun 2024 11:28:18 +0800

常见网络视频格式

常见网络视频格式主要指的是那些适合在网络上传输和播放的视频格式，这些格式通常具有较小的文件大小和较快的加载速度，以便用户可以快速观看视频属性。以下是一些常见的网络视频格式及其特点：

M3U8是一种视频格式，主要用于在网络上传输流媒体数据。它是一种基于文本的播放列表文件，主要应用于HTTP Live Streaming（HLS）流媒体服务中。M3U8文件包含了多个较小的视频片段（.ts文件）的URL地址列表，这些片段独立存储并可以被播放器软件读取并自动按照顺序播放。M3U8格式的特点包括分段传输和灵活播放实时流媒体，这使得它能够根据可用网络带宽调整正在播放的流媒体的质量，灵活地在多种码率、分辨率之间切换，保证画面/声音的连贯。

MP4/M4V格式：MP4是一种非常普遍的视频格式，其视频编码通常采用H.264，音频编码采用AAC。M4V是MP4的一种特殊类型，主要用于网络视频点播和移动设备。M4V格式的视频编码也采用H.264或H.264/AVC，能够以较小的体积实现较高的清晰度。M4V格式也被称为苹果的视频Podcast格式，广泛应用于iPod、iPhone和PSP等移动设备。

FLV格式：FLV（Flash Video）是一种流媒体格式，由Sorenson公司开发。它以其极小的文件大小和极快的加载速度而着称，使得在网络上观看视频文件成为可能。FLV格式被广泛用于各种视频分享网站，如YouTube、优酷、土豆等，以及需要快速加载视频属性的网站。

MPD全称为\“Media Presentation Description\”，是一种描述视频广播和点播属性的描述文件。在DASH（动态自适应流媒体）中，MPD文件被用来描述媒体的表示形式和标识符，支持用不同的码率、尺寸、格式、语言等多个版本的同一份属性。

识别视频类型

如何去视频各种各样的视频，其实非常简单，这些视频都有一个共同点：文件后缀名。

MP4视频的后缀名：xxx.mp4

M3U8视频后缀名：xxx.m3u8

FLV视频后缀名：xxx.flv

所以，只要加以区分视频文件后缀名就能轻松识别出视频类型了，例如：

//视频地址
var vid = "https://18ma.cn/demo.mp4";

if(vid.indexOf('.mp4')>-1){
	console.log('读取到 MP4 ...');
}

播放器识别

在播放器中如何实现自动识别视频格式，正确加载对应插件来播放视频呢？

以应用较为广泛的H5播放器Dplayer为例：

//引用Dplayer播放器和hls、flv、dash等插件
<link href="https://18ma.cn/demo/DPlayer.min.css" rel="stylesheet">
<script src="https://18ma.cn/demo/hls.min.js"></script>
<script src="https://18ma.cn/demo/flv.min.js"></script>
<script src="https://18ma.cn/demo/dash.min.js"></script>
<script src="https://18ma.cn/demo/DPlayer.min.js"></script>
<script src="https://18ma.cn/demo/jquery.min.js"></script>

然后加入视频格式判断、定义插件类型

[CommShow]

//获取视频地址
var vid = "<?PHP echo $_GET['url'];?>";

//定义插件类型
var type='';

//判断视频格式
if(vid.indexOf('.mp4')>-1){
	var type='auto';
	console.log('读取到 MP4 ...');
}else if(vid.indexOf('.m3u8')>-1){
	var type='hls';
	console.log('读取到 M3U8 ...');
}else if(vid.indexOf('.flv')>-1){
	var type='flv';
	console.log('读取到 FLV ...');
}else if(vid.indexOf('.mpd')>-1){
	var type='dash';
	console.log('读取到 MPD ...');
};

var dp = new DPlayer({
    container: document.getElementById('player'),
    autoplay: true,
    video: {
        url: vid,
        type: type,//插件类型
    },
});

[/CommShow]

这样就能让Dplayer播放器自动识别视频格式并加载对应插件播放了，更多WEB播放器以及第三方插件使用原理相通，以此类推即可。

苹果CMS V10 - 仿西瓜影院终端自适应轻量SEO影视模板

Thu, 06 Jun 2024 10:39:19 +0800

模板简介

仿西瓜影院终端自适应轻量SEO影视模板是一款非常轻量化的模板，优点是调用文件少加载速度快且整体结构利于SEO收录。

测试环境

苹果CMS V10

Apache 2.4

PHP 5.6

Mysql 5.5

模板安装

1.将下载文件解压至苹果CMS程序模板template目录内

2.苹果CMS管理后台-系统-网站参数配置-网站模板和手机模板都选择“xigua123”

3.首页幻灯以及推荐视频后台设置为“推荐4”“推荐5”“推荐6”

模板截图

模板下载

[CommShow]

点我下载

[/CommShow]

M3U8视频播放插件hls.js播放缓存参数maxBufferSize和maxBufferLength设置

Wed, 05 Jun 2024 18:59:29 +0800

M3U8视频

什么是M3U8视频？

m3u8文件格式最初是由苹果公司提出，用于存储基于HTTP Live Streaming（HLS）协议的播放列表。HLS是一种用于实时流传输的协议，旨在提供更流畅的视频体验。m3u8文件作为播放列表，包含了视频流的信息，指导播放器如何获取和解码视频属性。m3u8文件格式的主要特性在于其适用于HTTP Live Streaming协议，将整个视频分割成小块，并通过HTTP协议实时传输。这种分块传输的方式使得视频可以更好地适应不同网络状况，提供更好的用户体验。常见的使用场景包括在线视频直播、视频点播以及移动端视频应用。m3u8文件格式的优点之一是其适应性强，能够根据网络状况自动调整视频质量，提供更流畅的观看体验。然而，由于其依赖于网络，弱网络环境下可能导致视频加载缓慢。此外，由于其特殊的协议，不是所有的播放器都能够支持m3u8格式。

视频播放缓存

什么是视频播放缓存？

视频缓存有点类似于下载，不过两者存放的地点不同。下载的最终存放地点是硬盘，但缓存则是放到数据交换的缓冲区（比如APP缓存或浏览器缓存）里，无需用户手动操作，由浏览器、播放器等程序自动存储和调用。不过视频播放缓存属于临时文件，可能随时被清除，也会因为过了有效期时间被系统清除。视频缓存的传输速度取决于视频切片提供方网络、视频观看终端的网络以及设备配置等等诸多因素的影响！

视频缓存的作用？

M3U8视频在播放时其ts切片就以缓存的方式存储在播放终端中，播放器播放视频就相当于在读取终端本地ts切片一般，可以大幅提升视频的流畅度和观看体验。

hls.js

hls.js是一个JavaScript库，可实现HTTP Live Streaming客户端。它依靠HTML5视频和MediaSource扩展进行播放。它通过将MPEG-2传输流和AAC / MP3流转换为ISO BMFF（MP4）片段来工作。如果在浏览器中可用，可以使用Web Worker异步执行此转换。WWDC2016期间宣布，hls.js还支持HLS + fmp4。hls.js不需要任何播放器，它可以直接在标准HTML元素上运行。当然也可以被各种播放器调用为插件来播放M3U8视频。

hls.js缓存

以下三个参数为hls.js缓存参数：

hls默认缓存参数配置
maxBufferLength: 30,
maxBufferSize: 60 * 1000 * 1000,
maxMaxBufferLength: 600,

如何修改这三个缓存参数达到缓存更多M3U8视频切片？

方法一：

将hls.js文件下载到本地，打开后分别搜索maxBufferLength、maxMaxBufferLength、maxBufferSize参数，并修改为：

maxBufferLength: 1800,
maxMaxBufferLength: 3600,
maxBufferSize: 6e7,

修改好之后再上传到WEB播放器文件夹内调用即可。

方法二：

在播放器javascript代码中添加maxBufferLength、maxMaxBufferLength、maxBufferSize参数，达到增加播放缓存效果，以实用较广泛的H5播放器Dplayer为例：

[CommShow]

var dp = new DPlayer({
    container: document.getElementById('player'),
    autoplay: false,
    video: {
        url: 'https://18ma.cn/static/demo.m3u8',
        type: 'customHls',
        customType: {
            customHls: function (video, player) {
			const hlsConfig={
				maxBufferLength: 1800,
				maxMaxBufferLength: 3600,
				maxBufferSize: 6e7,
			};
                const hls = new Hls(hlsConfig);
                hls.loadSource(video.src);
                hls.attachMedia(video);
            },
		},
    },
});

[/CommShow]

实测效果

未修改hls.js缓存参数之前实测H5播放器Dplayer最大缓存时长为10分钟（缓存文件大小为75M），如图：

修改hls.js缓存参数之后实测H5播放器Dplayer最大缓存时长为23分钟（缓存文件大小为171M），如图：