找到
28
篇与
教程
相关的结果
- 第 3 页
-
Typecho Joe主题 RSS方式呈现“新闻早报” AI摘要：本文介绍了如何使用RSS方式在Typecho Joe主题中实现“新闻早报”功能。通过简单的RSS引用，无需受API资源限制，且可扩展性强。文章详细说明了RSS的优势，并提供了创建新闻页面的代码示例和RSS新闻源推荐。前言 前段时间 UP主 在网上冲浪，无意中找到了一篇关于《简单而完整的 PHP RSS 阅读器》的文章。经过小小的实验之后大为惊喜！这短短的20行代码也正好是我最近一直在找的。 因为看到别人的博客都有 每天60秒读懂世界新闻早报 功能，感觉还是挺新鲜的😏，于是我把找到的代码在Joe主题上进行了测试，效果非常不错！于是决定分享出来给大家测试，此方法使用了简单的RSS引用方式，不必再受api资源的限制，而且可扩展性也非常强。 RSS的优势 为何选用 RSS 方式更加比 api 具有优势呢？ rss订阅源丰富，更新节奏快，api更新不稳定，我之前的方法就经常中午才更新，这还能叫早报么 api大部分都有调用次数显示，比如前段时间看到的一篇文章，Joe主题首页显示新闻早报API，可每日更新（功能可扩展） 中使用的ALAPI，每日仅1000次调用次数 rss的源不仅仅是新闻，更加丰富的订阅来源，而api也就那几种了。 效果图预览 5863f76f4b306672583f500ff1690b4e.png图片 这里页面名可自定义，虽然叫新闻早报，当然也可以改成其他的🧑💻 新闻页面创建 我们先到主题目录里创建一个文件newspaper.php 打开我们输入一下代码 <?php /** * 新闻导读 * * @package custom * **/ ?> <?php if (!defined('__TYPECHO_ROOT_DIR__')) { http_response_code(404); exit; } $this->need('module/single/pjax.php'); ?> <!DOCTYPE html> <html lang="zh-CN"> <head> <?php $this->need('module/head.php'); $this->need('module/single/prism.php'); ?> <script src="<?= joe\cdn('clipboard.js/2.0.11/clipboard.min.js') ?>" data-turbolinks-permanent></script> <script src="<?= joe\theme_url('assets/js/joe.single.js'); ?>"></script> </head> <body> <?php $this->need('module/header.php'); ?> <div id="Joe"> <div class="joe_container"> <div class="joe_main"> <div class="joe_detail" data-cid="<?php echo $this->cid ?>"> <?php $this->need('module/single/batten.php'); ?> <?php $this->need('module/single/article.php'); ?> <?php $rss = simplexml_load_file('https://www.chinanews.com.cn/rss/scroll-news.xml'); $title = $rss->channel->title; ?> <title><?php echo $title; ?></title> <h1 style="text-align:center;"> 02博客 - 新闻导读 </h1> <?php echo "<article class='joe_detail__article'><ol>"; foreach ($rss->channel->item as $item) { echo "<li>"; echo "<h6><a style='color: var(--minor); display: block; margin: 10px;' target='_blank' href='" . $item->link . "'>" . $item->title . "</a></h6>"; echo "<div>" . $item->description . "</div><br>"; echo "</li>"; } echo "</ol></article>"; ?> <p style="text-align:right;"> 内容来源：<?php echo $title; ?><br> Made by <a href="/" target="_blank">02博客</a> </p> <?php $this->need('module/single/handle.php'); ?> <?php $this->need('module/single/copyright.php'); ?> </div> <?php $this->need('module/single/comment.php'); ?> </div> <?php joe\isPc() ? $this->need('module/aside.php') : null ?> </div> <?php $this->need('module/bottom.php'); ?> </div> <?php $this->need('module/footer.php') ?> </body> </html>代码中的https://www.chinanews.com.cn/rss/scroll-news.xml是我们选择的rss订阅地址 这里 UP主 用的是中国新闻网 – 即时新闻，当然你也可以换成别的，比如文章最后推荐的几个源都非常不错，你也可以自行百度。 在后台新建页面，模板选择 新闻导读 ，地址栏可以填写 news 当然自己diy其他链接也是可以的，然后发布查看效果。 RSS新闻源推荐 如果你还不清楚去哪找RSS源 https://www.zhihu.com/question/19580096 如果你想找更多的源 https://docs.rsshub.app/ 奇客Solidot https://www.solidot.org/index.rss 36氪 https://36kr.com/feed 月光博客 https://www.williamlong.info/rss.xml 中国新闻网 https://www.chinanews.com.cn/rss/index.shtml
-
LightPicture - 企业/团队免费图床系统 AI摘要：LightPicture是一款轻量级企业团队图片资源管理系统，支持第三方云存储、多用户管理、权限控制等功能，采用ThinkPHP+Vue开发，界面简洁优雅。简介 1899c1ba43e06c7d.jpg图片 一套轻量级企业团队图片资源管理系统、图床系统 使用thinkphp+vue开发，前后端分离； 程序功能 支持第三方云储存，本地、阿里云OSS、腾讯云COS、七牛云KODO、又拍云USS、华为云OBS等等 支持多桶储存，可同时添加多个对象存储桶管理，适合团队多桶协作 多图上传、拖拽上传、粘贴上传、上传预览、全屏预览、一键复制图片外链 多用户管理、分组管理；不同分组用户控制不同的存储桶 完整的权限控制功能，不同用户组可分配不同的操作权限，控制其上传删除及查看 完整的可视化日志功能，记录用户所有操作，方便事件溯源 全局配置用户初始剩余储存空间、设置指定用户剩余储存空间 支持接口上传、接口删除 原创Geek扁平化页面风格，高性能 / 精致 / 优雅 / 简洁而不简单 安装要求 PHP 版本 ≥ 7.2 Mysql版本 ≥ 5.5 PDO 拓展 fileinfo 拓展 curl 拓展 ZipArchive 支持 下载地址 LightPicture源码下载 下载地址：https://github.com/osuuu/LightPicture 提取码： 安装教程 下载LightPicture，上传至 web 运行环境，解压。 设置运行目录为 public。 配置网站默认文档： index.html index.php4.配置 Rewrite 规则为：thinkphp [ Apache ] <IfModule mod_rewrite.c> Options +FollowSymlinks -Multiviews RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L] </IfModule> [ Nginx] location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=/$1 last; } } 访问 域名/install，根据页面提示安装。 安装完成后默认 账号为admin 密码123456 注：完成后若开启前台注册请登录管理员账号配置发信邮箱 40f5f6b725355ad3d8c6f26b4fec49f1.png图片 10d0f2f6e180df2ca82150e61cfcf9a8.png图片
-
http2是什么？ 宝塔面板btpanel服务器端开启http2方法教程 AI摘要：HTTP/2是优化网页加载速度和传输效率的协议，具有二进制协议、多路复用、头部压缩等特性。宝塔面板可轻松开启HTTP/2，需配置Nginx或Apache服务器，并确保SSL证书安装。HTTP2是什么？ HTTP/2（超文本传输协议第2版，最初命名为HTTP 2.0）是HTTP协议的第二个主要版本，由互联网工程任务组（IETF）于2015年正式发布。以下是对HTTP/2的详细介绍及其带来的好处： 一、HTTP/2的概述 HTTP/2旨在解决HTTP/1.1的性能和效率问题，通过优化网络传输，改善网页加载速度和应用性能。它主要基于SPDY协议，并继承了HTTP/1.1的许多核心概念和语义，同时对其进行了改进和扩展。 二、HTTP/2的关键特性 二进制协议：HTTP/2使用二进制协议，而不是HTTP/1.1的纯文本协议。这使得解析过程更加高效，减少了冗余字符和格式化问题，同时降低了错误率。 多路复用：HTTP/2允许在同一个TCP连接中发送多个请求和响应，避免了HTTP/1.1中的“队头阻塞”问题。这些请求和响应以独立的帧形式交错传输，互不干扰，从而提高了传输效率。 头部压缩：HTTP/2引入了HPACK压缩算法，对HTTP头部进行压缩。通过记录和压缩重复的头部字段，减小了传输数据量，提高了传输效率。 服务器推送：HTTP/2允许服务器在响应客户端请求时，主动推送额外的资源给客户端。这减少了客户端的请求次数，提升了首屏加载速度。 流优先级：HTTP/2允许为流（Stream）分配优先级。客户端可以告诉服务器哪些资源更重要，服务器会优先处理高优先级的资源，从而优化了资源加载顺序。 三、HTTP/2的好处 更快的网页加载速度：多路复用和头部压缩大幅减少了延迟和数据量，使得网页加载速度更快。 更高的传输效率：二进制格式更容易解析，减少了协议开销。同时，多路复用和服务器推送等功能也提高了传输效率。 更少的网络资源占用：单一连接减少了TCP连接的数量，降低了服务器负载。这有助于在高流量网站和实时应用中提供更好的性能。 更好的用户体验：服务器推送和流优先级优化了资源加载顺序，使得用户能够更快地看到所需的内容。同时，更快的网页加载速度也提升了用户的整体体验。 更高的安全性：虽然HTTP/2本身不强制使用加密，但主流浏览器要求HTTP/2必须使用HTTPS。这有助于保护用户数据的安全性和隐私性。 四、HTTP/2的兼容性 HTTP/2在发布后得到了广泛的支持和采用。主流的Web服务器如Nginx、Apache、Tomcat、IIS等都支持HTTP/2。 同时，现代浏览器如Chrome、Firefox、Safari等也已支持HTTP/2。这使得HTTP/2能够在实际环境中得到广泛的应用和部署。 五、HTTP/2的应用场景 HTTP/2适用于各种需要频繁加载大量资源的网站和应用场景，如电商、社交媒体等。同时，它也适用于对延迟要求高的实时应用，如视频流、在线游戏、聊天等。此外，在移动网络环境中，HTTP/2也能够减少延迟，优化用户体验。 综上所述，HTTP/2通过优化性能、减少延迟和提高安全性等方面为用户提供了更快速、高效和可靠的Web体验。随着技术的不断发展，HTTP/2将继续在Web领域中发挥重要作用。 宝塔面板开启http2方法 Nginx开启方法 开启ssl之后修改配置文件，将listen 443 ssl; 改成 listen 443 ssl http2同时注意不要误删分号; nginx1.8版本不支持http2 c0f542e2775105fa21a3e74ad6ea5a64.png图片 Apache2.4下开启ssl即启用http2 ，6月份之前所安装的apache未编译http2模块，需卸载重新安装才支持http2 若不确定自己什么时候安装的，可查看配置文件看是否有http2模块。 144858f6hys3t6es3y6l37.png图片 宝塔面板还是很适合小白用的，你看就连开启http2也是一句话的事情，但是如果你想使用http2的话一定要给网站开启ssl证书哦！
-
有一台云服务器可以做什么？ AI摘要：云服务器是一种基于云计算技术的虚拟化服务器，可用于搭建个人网站、企业应用服务器、游戏服务器、云存储与备份、AI与数据分析平台以及远程桌面与虚拟工作环境。它具有高性能、大自由度和强扩展性，能够满足不同用户的需求，并随着云计算技术的发展在更多领域发挥重要作用。云服务器是什么？ 云服务器（Cloud Server），又称云主机或弹性计算服务（Elastic Compute Service，ECS），是基于云计算技术提供的一种虚拟化服务器。 随着云计算技术的普及，越来越多的企业和个人开始使用云服务器。 那么，拥有一台云服务器对我们来说，究竟能做些什么呢？今天我们就从多个角度，来了解一下有一台云服务器对我们的帮助，以及如何参与我们的生活与工作的。 640.webp图片 一、搭建个人网站或博客 如果你想拥有一个属于自己的网站或博客，云服务器是一个理想的选择。比起传统的虚拟主机，云服务器拥有更高的性能、更大的自由度和更强的扩展性。你可以根据需求，选择合适的操作系统（如Linux或Windows）来搭建站点。 如何操作： 购买云服务器：选择合适的云服务商（如阿里云、萤光云、LightNode等），并根据需求购买一台适合的云服务器。 选择操作系统：云服务器通常提供多种操作系统的选择，选择一个你熟悉或喜欢的操作系统，比如Ubuntu、CentOS或Windows Server。 安装网站软件：根据需要，可以安装WordPress、Joomla、Hexo等开源博客程序，或者手动搭建一个自定义的网站。 推荐用途：个人博客、企业官网、在线作品集。 二、搭建企业应用服务器 对于小型企业或者创业公司，云服务器能够承担更多应用的角色。例如，你可以通过云服务器搭建企业内部的ERP系统、CRM系统、OA办公系统等应用。相比传统的本地部署，云服务器更具灵活性，可以根据业务需求动态调整资源。 如何操作： 选择云服务平台：选择一个适合企业需求的云服务商，建议根据地理位置、网络稳定性和支持的服务进行挑选。 搭建应用环境：根据业务需求选择适当的软件环境，安装数据库、Web服务、邮件服务等。 配置安全设置：为保障企业信息安全，务必设置防火墙、VPN、数据加密等。 推荐用途：企业管理系统、内部邮件系统、客户数据管理等。 三、搭建游戏服务器 如果你是一名游戏爱好者，或者有兴趣开发多人在线游戏，云服务器也是一个非常合适的选择。通过云服务器，你可以搭建自己的游戏服务器，让朋友们一起参与，享受私人定制的游戏环境。 如何操作： 选择云服务器配置：根据游戏的需求选择合适配置的云服务器（内存、CPU、硬盘等）。 安装游戏服务端：根据游戏类型下载相应的服务端程序，例如Minecraft、CS:GO、ARK等。 配置网络与防火墙：为了确保多人在线时的顺畅体验，设置好端口映射，确保游戏服务器可以通过公网访问。 推荐用途：私服游戏、多人在线游戏托管。 四、云存储与备份 有时候，我们需要一个稳定、安全且可以随时访问的文件存储空间。云服务器提供了这样的平台，能够存储大量的个人文件、企业数据，甚至进行定期备份。 如何操作： 搭建NAS服务：使用OpenMediaVault、FreeNAS等开源软件搭建网络附加存储（NAS），在云服务器上创建文件共享。 配置自动备份：可以设置定时备份，将重要文件定期上传到云服务器，避免数据丢失。 推荐用途：个人数据备份、团队文件共享、云盘服务。 五、AI与数据分析平台 随着大数据和人工智能的快速发展，云服务器也成为了数据分析、机器学习和人工智能训练的理想平台。你可以在云服务器上创建一个数据分析平台，运行各种数据处理、模型训练任务。 如何操作： 选择合适的计算资源：对于需要较强计算力的任务，可以选择GPU云服务器进行加速。 搭建数据分析环境：安装Python、R等数据分析工具，搭建机器学习框架（如TensorFlow、PyTorch等）。 上传并分析数据：将数据上传到云服务器，使用相应的算法进行数据分析或模型训练。 推荐用途：数据挖掘、机器学习训练、AI模型部署等。 六、远程桌面与虚拟工作环境 在居家办公、远程工作的时代，云服务器也能提供一个灵活的虚拟工作环境。通过搭建远程桌面，你可以随时随地访问到自己工作所需的应用程序和文件。 如何操作： 安装远程桌面服务：在云服务器上安装Windows Server系统，启用远程桌面服务，或者使用VNC、XRDP等工具实现远程访问。 配置安全访问：设置VPN或SSH，确保只有授权用户可以访问远程桌面。 安装所需工作软件：在云服务器上安装办公软件、设计工具等，随时使用。 推荐用途：远程办公、虚拟桌面、多人协作办公。 总结 从搭建个人网站到企业级应用，从游戏服务器到数据分析，云服务器都能够发挥巨大的作用。拥有一台云服务器，不仅能满足当下的需求，还能随时根据变化的需求进行升级与扩展，建议大家都可以有一台属于自己的云服务器。 同时，随着云计算技术的不断发展，云服务器将在更多领域发挥重要作用，为各行各业带来更加深远的影响。
-
新手站长做网站外链推广应该注意的问题 AI摘要：新手站长进行网站外链推广时，应避免作弊外链，如购买链接、单一锚文本、指向首页的外链等，并杜绝垃圾外链，如内容不相关、垃圾内容、不稳定的外链。正确的外链推广应追求多样性、稳定性，并注重用户需求，可加入SEO圈子交换友链，引导用户自发发外链，并利用百度站长平台拒绝垃圾外链。相信大家和我一样遇到过外链违规情况，下面几种形式的链接都属于作弊外链 如果一个网站做得多了，就会导致k站。 不做作弊外链 购买链接：到一些外链购买平台进行购买的外链都属于作弊外链。 黑色行业外链：如果一个网站被大量的赌博、色情等锚文本指向，那么这个网站也有可能被k。 锚文本单一：如果一个网站所有的锚文本使用的都是同一个关键词，那么这就是很明显地在可以发外链，也会被判断为作弊。 全部指向首页：如果一个站的所有外链都指向首页，那也是作弊的表现。 外链群发：不要使用任何外链群发工具进行外链群发。 不发垃圾外链 垃圾外链惩罚虽然没有作弊外链那么严重，但是如果数量太多，一样会导致网站降权。垃圾外链主要分为以下几种链接。 内容不相关的外链：你的网站是做教育的却去机械行业的网站做外链建设。 内容是垃圾内容：发布外链时发布的文章是通过伪原创工具创作出来的垃圾内容。 外链不稳定：在第三方平台做得外链不稳定，经常被删。 我们在做外链推广时，一定要杜绝垃圾外链。 正确的外链推广思维 外链的来源不要太过单一，要多找一些外链平台。 外链要追求稳定，经常删除外链帖子的平台最好不要发。 垃圾平台上不要发外链。 外链越多，风险越大。所以我们要建设稳定安全的外链，把更多的时间和精力放在解决用户需求上面来。 做稳定的外链建设，可以加入一些seo圈子，交换友链。 最好想办法引导用户为我们发外链，比如引导用户发布推广链接，发布之后可以获得一些小礼品等等。 如果垃圾外链太多，可以通过百度站长平台去拒绝这些垃圾外链。
-
四种网站新年灯笼效果代码-过年了让你的博客喜庆的灯笼源码-html网站灯笼纯代码 AI摘要：提供四种新年灯笼效果代码，轻松为网站增添春节喜庆氛围。代码简单易用，适用于电脑端和移动端，支持单个、右侧、两边和四个灯笼的布局。只需将代码复制到网站模板的公共页眉或页脚中，即可实现灯笼效果。快来给你的网站增添一抹春节的喜庆色彩吧！想象一下，当访客打开你的网站，一对红彤彤的灯笼在右上角摇曳生姿，瞬间就能感受到浓浓的节日氛围。 准备了四段红灯笼的代码，让你能够轻松实现这一效果。这几段代码不仅简单易用，而且经过精心调试，确保在各种设备上都能完美呈现。 无论是电脑端还是移动端，都能让红灯笼高高挂起，为你的网站增添一份独特的魅力。 教程一 单个 示图： 52491ff6792c57dccfd0ccb5dc64127a.jpg图片 修改位置：将代码复制到网站模板的公共页眉或页脚中，并自定义标签上方的页眉HTML代码。 代码：<!--春节单灯笼代码--> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"> <div class="deng-t">春</div> </div> </div> <div class="shui shui-a"> <div class="shui-c"></div> <div class="shui-b"></div> </div> </div> </div> <style> .deng-box { position: fixed; top: -40px; right: -20px; z-index: 9999; pointer-events: none; } .deng-box1 { position: fixed; top: -30px; right: 10px; z-index: 9999; pointer-events: none; } .deng-box1 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 10px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -2px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-t { font-family: 华文行楷, Arial, Lucida Grande, Tahoma, sans-serif; font-size: 3.2rem; color: #dc8f03; font-weight: bold; line-height: 85px; text-align: center; } .night .deng-t, .night .deng-box, .night .deng-box1 { background: transparent !important; } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } </style>教程二-右侧 示图： 8f11d568cd8527446ab111be2486ad65.jpg图片 修改位置：将代码复制到网站模板的公共页眉或页脚中，并自定义标签上方的页眉HTML代码。代码： <div class="deng-box" id="denglong1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">节</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼2by安鹿www.anlu1314.com --> <div class="deng-box1" id="denglong2"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">春</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <style> .deng-box { position: fixed; top: -40px; right: -20px; z-index: 1999; } .deng-box1 { position: fixed; top: -30px; right: 60px; z-index: 1999; } .deng-box1 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 10px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -4px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 1999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-t { font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif; font-size: 2.5rem; color: #dc8f03; font-weight: bold; line-height: 90px; text-align: center; pointer-events: none; } .night .deng-t, .night .deng-box, .night .deng-box1 { background: transparent !important; } @keyframes swing { 0% { transform: rotate(-10deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(-10deg) } } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } </style>教程三-两边 示图： 3ca1a54b29de6bdd71d574a834615a18.jpg图片 修改位置：将代码复制到网站模板的公共页眉或页脚中，并自定义标签上方的页眉HTML代码。 代码：<div class="deng-box" id="denglong1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">节</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <div class="deng-box1" id="denglong2"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">春</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <style> .deng-box { position: fixed; top: -30px; right: -20px; z-index: 1999; } .deng-box1 { position: relative; top: -30px; right: 30px; z-index: 1999; } .deng-box1 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 10px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -4px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 1999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-t { font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif; font-size: 2.5rem; color: #dc8f03; font-weight: bold; line-height: 90px; text-align: center; pointer-events: none; } .night .deng-t, .night .deng-box, .night .deng-box1 { background: transparent !important; } @keyframes swing { 0% { transform: rotate(-10deg) } 50% { transform: rotate(10deg) } 100% { transform: rotate(-10deg) } } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } </style>教程四-四个 示图： 82d337cef7984016b5f35d4c2f1ddb49.jpg图片 代码： <!--春节四灯笼代码--> <meta charset="utf-8"> <div class="deng-box2"> <div class="deng"> <div class="xian"> </div> <div class="deng-a"> <div class="deng-b"> <div class="deng-t">年</div> </div> </div> <div class="shui shui-a"> <div class="shui-c"> </div> <div class="shui-b"></div> </div> </div> </div> <div class="deng-box3"> <div class="deng"> <div class="xian"> </div> <div class="deng-a"> <div class="deng-b"> <div class="deng-t">新</div> </div> </div> <div class="shui shui-a"> <div class="shui-c"></div> <div class="shui-b"> </div> </div> </div> </div> <div class="deng-box1"> <div class="deng"> <div class="xian"> </div> <div class="deng-a"> <div class="deng-b"> <div class="deng-t">乐</div> </div> </div> <div class="shui shui-a"> <div class="shui-c"></div> <div class="shui-b"></div> </div> </div> </div> <div class="deng-box"> <div class="deng"> <div class="xian"> </div> <div class="deng-a"> <div class="deng-b"> <div class="deng-t">快</div> </div> </div> <div class="shui shui-a"> <div class="shui-c"> </div> <div class="shui-b"></div> </div> </div> </div> <style type="text/css"> .deng-box { position: fixed; top: -40px; right: 150px; z-index: 9999; pointer-events: none; } .deng-box1 { position: fixed; top: -30px; right: 10px; z-index: 9999; pointer-events: none } .deng-box2 { position: fixed; top: -40px; left: 150px; z-index: 9999; pointer-events: none } .deng-box3 { position: fixed; top: -30px; left: 10px; z-index: 9999; pointer-events: none } .deng-box1 .deng, .deng-box3 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, .8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px #fc903d } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, .8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px #fa6c00 } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, .1); margin: 12px 8px 8px 8px; border-radius: 50% 50%; border: 2px solid #dc8f03 } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, .1); margin: -4px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03 } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03 } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: orange; border-radius: 0 0 5px 5px } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50% } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: orange; border-radius: 0 0 0 5px } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: orange; background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03) } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: orange; background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03) } .deng-t { font-family: 黑体, Arial, Lucida Grande, Tahoma, sans-serif; font-size: 3.2rem; color: #dc8f03; font-weight: 700; line-height: 85px; text-align: center } .night .deng-box, .night .deng-box1, .night .deng-t { background: 0 0 !important } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } </style>提示 数据无价，请提前备份，建议建立一个文件修改记录，以便后期查阅自己修改了哪些内容 修改完毕后，刷新一下浏览器缓存，再次访问网站，即可看到修改后的效果
-
teamspeak3搭建教程 AI摘要：本文介绍了如何使用Windows客户端和Linux服务端搭建Teamspeak3语音服务器。教程详细说明了下载、安装、配置和启动服务器的步骤，并指导用户如何连接到服务器。此外，还提到了如何设置服务器密码以及连接他人服务器的方法。1. 前言 teamspeak3 是一款优秀的语音软件。不像 yy 和 kook 之类必须要注册 teamspeak 最大的特点就是你完全可以自建语音服务器和朋友连麦而无需注册官方的服务器。 当然你也可以购买官方的服务器进行使用。 本教程使用 Windows 客户端和 Linux 服务端进行搭建。 免费版本会提供 32 人的免费许可证。 相关链接： 官方网址：https://teamspeak.com/zh-CN/ client 客户端（Windows）下载地址：https://teamspeak.com/zh-CN/downloads/#client sever 服务端（Linux）下载地址：https://teamspeak.com/zh-CN/downloads/#server 汉化包地址：https://github.com/VigorousPro/TS3-Translation_zh-CN/releases/download/snapshot/Chinese_Translation_zh-CN.ts3_translation 建议使用腾讯云服务器来搭建ts，延迟足够低且稳定 无法在 ARM 架构的服务器上安装。 2. 介绍 可以在官方网站中看到，teamspeak 拥有以下特点： 无垃圾邮件 军用级加密 高级权限控制 基础 基础 离线 / 局域网功能 托管您自己的私人服务器 完全可定制的用户界面 匿名使用 游戏内叠加 编解码器 Opus, CELT, Speex 3D 沉浸式用户定位 可用 SDK 仅限 API 不会向第三方提供您的数据 移动应用程序 最低的 CPU 使用率 无限制子通道 单独音量控制 无限制文件传输 直接传递消息 支持游戏手柄和操纵杆热键 无与伦比的语音质量：使用我们集成的自动麦克风音量调节、背景降噪和回声清除功能，获得水晶般透亮明晰的无延迟通信体验。 内置隐私：我们在设计时将隐私牢记于心，我们无法访问您的语音或文本聊天数据，并且无需注册。 无可匹敌的安全性：集成的军用级安全性是标配。使用 TS3，可以为整个服务器（或甚至只是特定通道）启用基于 AES 的加密。 高级权限系统：利用我们名列市场前茅的强大分层权限系统完全掌控一切决定谁可以说话，谁可以加入频道等等。 令人惊叹的环绕声：利用 Positional Audio 语音功能成为游戏的核心。在 360º 音景中聆听您的队友，在执行下一个游戏计划时为您提供优势。 分散的基础设施：100% 保护您的隐私和安全。TeamSpeak 可以在任何地方托管。几乎是任何地方。您无需绑定我们的服务器，我们也不会收集您的数据。 移动连接：在您暂时离开电脑 (AFK) 时发出命令。通过我们适用于 Android 和 iOS 的 TeamSpeak 移动应用程序，您将永远不会远离行动。 游戏内叠：加使用 Overwolf 中的官方 TeamSpeak 游戏叠加层，密切关注行动。快速访问 TeamSpeak 语音控件，看谁在说话，并在您最需要的地点和时间接收通知和消息。 无限定制：使用配套的加载项、声音和图标包以及主题个性化设置您的 TeamSpeak 和定制您的客户端，以与您的个人风格相符。从用户社区创建的数百个加载项中进行选择，甚至可以创建自己的加载项。 高可扩展性：使用我们先进的客户端 - 服务器架构，从小组对话扩展到拥有数千名参与者的大型会议。 强大的文件传输：最大程度提升您的在线协作体验。轻松存储并于您的社区共享文件，无需担忧防火墙问题。 文本聊天：需要在雷达下才能保持通话？通过直接传递消息或团队文本聊天，您可以在没有噪音的情况下获得消息。 3. 部署 本教程使用的服务器系统为 Ubuntu22 在 Linux 服务器上面安装十分简单，大家直接复制就可以了。（如果使用最新版本的服务端自行到官方的网站上面找下载链接。） 不能使用 root 用户，所以新建一个新用户 useradd teamspeakcd /opt下载至本地 wget https://files.teamspeak-services.com/releases/server/3.13.7/teamspeak3-server_linux_amd64-3.13.7.tar.bz2apt install bzip2tar -xjvf teamspeak3-server_linux_amd64-3.13.7.tar.bz2赋予刚刚新建的用户权限，并进入该目录chown -R teamspeak:teamspeak teamspeak3-server_linux_amd64cd teamspeak3-server_linux_amd64su teamspeak同意许可条款并启动服务 touch .ts3server_license_accepted./ts3server_startscript.sh start注意保存密钥及 ServerQuery 管理员账户和密码 I M P O R T A N T ------------------------------------------------------------------ Server Query Admin Account created loginname= "666666", password= "666666" apikey= "666666" ------------------------------------------------------------------ ------------------------------------------------------------------ I M P O R T A N T ------------------------------------------------------------------ ServerAdmin privilege key created, please use it to gain serveradmin rights for your virtualserver. please also check the doc/privilegekey_guide.txt for details. token=666666 保存完毕上面的信息以后，就可以直接关闭 SSH 链接了。 当然了，你也可以使用 screen 运行。 4. 本地客户端 下载完毕客户端并且安装好汉化包，应该是如下界面。 teamspeak-win001.png图片 点击连接，并选择连接服务器，就可以输入自己的信息了。 teamspeak-win003.png图片 其中： 服务器别名或地址：你的服务器 IP 地址 服务器密码：首次登录时不用填写（管理员） 昵称：你的昵称 输入完毕以后，由于我们是首次登录，需要输入服务器密钥以获得 teamspeak 的管理员权限。密钥就是上面的 token： token=666666teamspeak-win002.png图片 使用成功以后，当前用户就是这个 teamspeak 服务器的管理员了，拥有最高权限。你可以自行添加频道或者进行其他操作。 比较重要的：设置服务器密码 右键服务器，选择编辑服务器： teamspeak-win004.png图片 填入密码后保存即可！ teamspeak-win005.png图片 5. 连接他人的服务器 如果你并没有使用自建的服务器，而是使用他人建设好的服务器，那么加入过程十分简单。 teamspeak-win003.png图片 只需要填入服务器别名或者 IP 地址，如果有密码的话填入密码， 输入自己的昵称就可以加入了。
-
章鱼加速器常见问题合集 解决办法 AI摘要：章鱼加速器常见问题包括杀毒报毒、缺少游戏库、乱码、游戏链接失败、异常占用、线路波动、核心程序未返回参数等。针对这些问题，文章提供了相应的解决办法，如更换杀毒软件、填写问卷等待游戏上架、修改DNS、设置兼容模式、重启加速器、修改配置文件、重置网络关闭IPv6等。同时，文章还针对特定游戏如APEX和使命召唤19的卡顿问题提供了解决方法。官网 官网：https://www.zyjsq6.com/ 官方交流群 使用加速器的过程中出现的问题以下没有解决办法，请加入官方群寻求技术支持 请不要一个号加入多个群 章鱼加速器官方1群：960100305（未满） 章鱼加速器官方2群：115463212（未满） 章鱼加速器官方3群：715904806（未满） 章鱼加速器官方6群：537686573（未满） 章鱼加速器官方7群：787862871（未满） 章鱼加速器官方8群：768294390（未满） 章鱼加速器官方12群：731336798（未满） (不定时更新，请不要重复加入多个群) 2：杀毒 关于微软报毒问题，可能是您的微软杀毒并非最新版或者微软杀毒缓存导致，建议安装火绒顶替掉微软杀毒（微软最新版杀毒不会对章鱼加速器进行查杀） 关于某些杀毒报毒原因，我们已经在积极联系杀毒开发商。 3：缺少游戏库 请您填写问卷https://docs.qq.com/form/page/DZEhaWm9yWm9IT21z 耐心等待您需要被加速的游戏上架 4：加速器乱码 使用快捷键win+r输入control打开控制面板，然后点击时钟和区域。 AgAABTdXC33IuLFBBrFFoJJz9_98daHR.png图片 AgAABTdXC31WRPYAOJVJiKUl8XBYYbz_.png图片 AgAABTdXC30y_OxpgyxOjJW43ShDoTZN.png图片 AgAABTdXC32iiUVX6lZNtoJUywLtaol4.png图片 AgAABTdXC33bLFMjdVRPBbdL5PO6LM8p.png图片 （该教程搬运百度百科，若侵权请联系qq：2100545858）5：游戏链接失败 解决方法：改dns为：114.114.114.114 8.8.8.8 1c.png图片 2P.png图片 3.png图片 4.png图片 6：异常占用 设置-加速设置-改成兼容模式 7：线路波动 加速器上线路波动所有波动都会提示 8：核心程序未返回参数 1.重启加速器 重新加速 2.重新下载章鱼加速器 3.重新注册账号（该方法以上效果无效后尝试） 9：微软杀毒设置白名单教程 1.png图片 2.png图片 10：加速器节点延迟全部为-1，丢包100% 3.png图片 4.png图片 11：内存读取错误 关闭数据执行保护 1、点击我的电脑，右键属性。单击左侧栏内的“高级系统设置”项。如果当前登录者为非管理员级别，系统会提示输入管理员密码或进行确认。点击“高级”选项卡，在“性能”分组下，单击“设置”按钮。 5.png图片 2，在“性能选项”对话框中，单击“数据执行保护”选项卡，然后单击选择“为除下列选定程序之外的所有程序和服务启用 DEP”单选框，然后选择重启。 6.png图片 3，单击“添加”按钮添加自己信任的、不需要DEP保护的程序。通过浏览“Program Files”文件夹，查找该程序的可执行文件（以.exe为文件扩展名），然后单击“打开” 7.png图片 4，单击“确定”，在“系统属性”对话框中单击“确定”，然后再次单击“确定”。重新启动计算机，才能使所做的更改生效。 8.png图片 （该教程搬运百度百科，若侵权请联系qq：2100545858）如果无法关闭，请手动修改配置文件： c盘ptbsoftware下 user.ini win=0 修改为 win=1 error=0 修改为 error=1 error1=0 修改为 error1=112：加速无效果 请重置网络并关闭ipv6 打开电脑，点击开始，点击设置。 9.png图片 然后点击网络和Internet。 10.png图片 之后点击网络重置。 11.png图片 然后点击立即重置，这样便可以重置网络。 12.png图片 （该教程搬运百度百科，若侵权请联系qq：2100545858）右键开始菜单打开控制面板 – 网络和Internet – 网络连接，找到里面的以太网网络。 13.png图片 右键以太网打开以太网属性，然后点击取消勾选“Internet 协议版本6（TCP/IPv6）”点击确定完成操作。 14.png图片 （该教程搬运百度百科，若侵权请联系qq：2100545858）13：微软报毒 关于微软报毒，您可以查看微软官方的帮助文档解决此问题 微软目前不会对章鱼加速器进行查杀：https://www.microsoft.com/en-us/wdsi/defenderupdates 15.png图片 14：APEX卡转圈无法登陆问题解决办法 1.查询apex是否存在服务器故障、维护等信息，排除加速器问题。 2.请尝试网络重置、卸载虚拟网卡、清理缓存、IPV6协议关闭四个功能 3.打开steam，库中右键apex点击属性，找到通用-启动选项-删除所填的全部启动参数后关闭窗口 4.打开steam，右键apex，管理，浏览本地文件 5.在文件中找到r5apex，右键r5apex，点击属性 6.在兼容性项下兼容模式打勾选择win7，并勾选管理员身份运行。 7.重启电脑后加速再试 （该教程搬运于网络，若侵权请联系qq：2100545858）15：使命召唤19一直卡在更新界面 cod19卡在载入界面解决办法 1.解决方法一：打开steam，右键使命召唤19测试版游戏名，浏览本地文件，打开文件夹，找到main文件夹，留下fileSysCheck文件，其他的都删除，然后重新进入游戏。 解决方法二：修改steam密码，重新登录steam，重新启动游戏 地区不可用也是修改密码解决。 （该教程搬运于网络，若侵权请联系qq：2100545858）16：章鱼网游加速器开始加速后steam++会崩溃 由于steam++于章鱼加速器无法兼容，所以在启动加速后，章鱼加速器会自动寻找steam++进程并且关闭 steam++被关闭属于正常现象，章鱼酱目前也在努力想办法解决不兼容问题~ 17：加速后访问网页速度变慢 由于我们的后台目前并没有为相关内容添加白名单，所以您访问网页速度会变慢 目前章鱼奴正在努力添加白名单，争取在后面的版本更新解决此问题，请小伙伴们耐心等待~
