Hello World - 技术分享
type: channel
link: https://blog.chario.cn/index.php/category/jsfx/
items: OpenList Moe - 全局毛玻璃美学 · 日夜间适配
items: Win11 - 如何删除右键菜单中的百度网盘
items: halo博客 - 豆瓣插件配置
items: 宝塔Nginx的重启和重载的区别
items: 如何在宝塔面板部署 openlist 网盘
items: 新站长必备 - 如何安装宝塔面板
items: handsome主题美化及优化：10.1.0最新版
items: handsome主题添加服务器状态栏最新版（Linux通用版）
items: OpenList/AList样式美化：玻璃拟态主题
items: typecho 评论无法显示图片

OpenList Moe - 全局毛玻璃美学 · 日夜间适配
type: item
date: 2026-02-15T22:11:00+08:00
description: 转载自Sajuna? OpenList Moe为OpenList全局注入半透明模糊效果，支持日夜切换，覆盖文件列表/预览/后台等全组件一个适用于文件列表程序 OpenList 的美化✨ 特性? 兼容日/夜间模式 - 不同背景与配色? 全元素毛玻璃效果 - 半透明元素结合背景模糊? 多层次透明度调校 - 完美的视觉层次? 预览首页桌面端移动端要不去预览站点看看？跟我来，点击右侧文字前往 宸玚的资料库? 使用自定义头部<!-- 修改 href 和 font-family 以自定义字体，删除字体 和字体 CSS 则使用 OpenList 默认字体 --> ​ ==不要忘了修改主题色哦==自定义内容 ​ 豫 ICP 备 2025000000 号 ​ ? 自定义配置查看源码变量如果你需要深度定制特定元素的样式，可以参考 main.scss 中的 全局变量定义 部分。:root { --moe-color-checkbox: #f8b34e; /* 白天模式复选框颜色 */ } ​ .hope-ui-dark { --moe-color-checkbox: #f8b34e; /* 夜间模式复选框颜色 */ }❤️ 关于如果你也喜欢这个项目，那不妨点个Star♪仓库：OpenList Moe Githubℹ️ 日志? v1.1.2 Release? Features​list​: 调整列表项目录大小普通文本样式 - by @SajunaOo in https://github.com/SajunaOo/OpenList-Moe/issues/34(8ffaa)? Bug Fixes​border​: 修复上传结果边框悬停高亮 - by @SajunaOo in https://github.com/SajunaOo/OpenList-Moe/issues/33(0342f)Other Changes​ci​:简化工具函数 - by @SajunaOo in https://github.com/SajunaOo/OpenList-Moe/issues/32(929c4)添加手动发布操作工作流 - by @SajunaOo in https://github.com/SajunaOo/OpenList-Moe/issues/35(aa81c)View changes on GitHub

Win11 - 如何删除右键菜单中的百度网盘
type: item
date: 2026-02-15T22:01:00+08:00
description: 按住win + R在弹出的窗口输入 regedit 打开注册表将以下两条路径分别粘贴到路径栏计算机\HKEY_CLASSES_ROOT\Directory\shellex\ContextMenuHandlers\YunShellExt计算机\HKEY_CLASSES_ROOT\*\shellex\ContextMenuHandlers\YunShellExt直接删除这两个文件

halo博客 - 豆瓣插件配置
type: item
date: 2026-02-12T22:16:00+08:00
description: 前言halo主题有一个豆瓣插件，提供个性化的书影音分享功能。不过好像由于豆瓣的策略，捕获的图片都无法显示。插件作者给出的文档虽给出自建代理，但实际上建完仍旧不好用。解决办法目前我采用的办法是：使用他人建好的代理收集时间代理地址是否可用2026.2.12https://douban.img.yyds.pink可用最后目前还在尝试解决办法，这种代理还是觉得自建的可靠些，用别人的一旦关停了就没了

宝塔Nginx的重启和重载的区别
type: item
date: 2026-01-20T21:46:00+08:00
description: 前言站长们估计或多或少都遇到过这个问题：明明在服务器里改好了Nginx的配置文件，但是刷新网站发现配置没生效。再比如：新加的域名访问不了、改的防盗链规则不生效…我每次折腾程序的时候也会遇到这个问题，在宝塔面板配置好之后刷新页面，却发现配置没生效，反复检查没找到问题，忙叨半天最后才发现，原来是忘了让Nginx生效新配置。为什么Nginx修改配置后不会实时生效？修改配置后，到底该用重启还是重新加载？这两个操作有什么区别？哪些修改必须重启，哪些只需要重载就够？为了便于理解，以宝塔面板来举例，用这篇文章一次性解释完，以供后来者参考。为什么Nginx修改配置后不会实时生效这和Nginx的设计机制问题，这类服务软件的逻辑都是这样，为了保证服务稳定的设计，全部遵循一次读取，长期驻留的原则Nginx在启动时会将配置文件解析并固化到内存中，后续的请求处理直接读取内存数据，以保证高性能，而不会每次都去读取磁盘上的文件。所以，仅仅修改文件是不够的，必须通过命令通知主进程重新读取配置文件、验证语法、创建新的工作进程来加载新配置，从而实现平滑更新。为什么要这么设计包括我在内，很多站长会问：为什么不能设计成配置自动生效，这样多方便。答案也很简单：为了服务器的绝对稳定和高性能。分三点说明：NaN. 如果Nginx实时监听配置文件，每一次请求都要去读硬盘的配置文件，服务器的IO开销会暴增，网站访问速度变慢、性能大幅下降，这对高访问量的站点是致命的；NaN. 配置文件的修改可能不完整、有语法错误，如果实时生效，会直接导致Nginx运行出错、网站崩溃，风险极高！对新手来说更是如此；NaN. 一次性加载到内存，是所有高性能服务软件的标配，内存的读取速度非常快，能最大程度保证Nginx的运行效率。重启（restart） / 重载（reload）以宝塔为例，有两种方式让新配置生效。方法一：重载配置（推荐）宝塔面板上的重载配置按钮，对应到Linux命令行就是：nginx -s reload这是日常修改配置的首选操作，也是最推荐的！它的作用是：通知正在运行的Nginx，去重读硬盘上的配置文件，把新的配置加载到内存中，平滑生效。这个操作的核心优点：不中断服务、不影响用户访问。通过reload命令，进程会先验证新配置的正确性，仅在语法无误时启动新的工作进程来接管新请求，同时让旧的工作进程继续处理完现存连接后再优雅退出，从而在零停机的情况下完成配置更新，既保证了高可用性，又具备了出错回滚的安全机制。方法二：重启Nginx服务宝塔面板上的Nginx重启按钮，对应到Linux命令行就是：systemctl restart nginx作用：先完全停止当前正在运行的所有Nginx进程，然后再重新启动Nginx，启动的同时加载新配置。这个操作的核心特点：短暂中断服务。重启的瞬间，Nginx的所有进程都被关闭了，此时如果有用户访问网站，会出现访问失败、页面报错、加载超时的情况，直到Nginx重启完成。虽然重启的时间很短（一般毫秒级），但对有大量访问的站点来说，依然有影响，所以非必要不建议重启。哪些修改，用重载就够？哪些修改，必须重启？只需要重载 ：仅修改业务规则类配置，比如：新增/修改 反向代理、新增/修改 防盗链、新增/修改 缓存策略、转发规则、后端服务地址gzip压缩、页面跳转/重定向。这些不涉及 Nginx 核心运行的进程、端口、模块。必须重启 ：修改核心运行相关配置， 比如：新增/删除 监听端口、新增/删除 核心模块、修改 工作进程数、进程绑定CPU、修改 用户权限、运行身份、修改 pid文件路径、日志文件的根路径。凡是涉及 Nginx 的进程、端口、加载的模块，这些配置都无法通过重载生效，只能重启。

如何在宝塔面板部署 openlist 网盘
type: item
date: 2026-01-19T21:18:00+08:00
description: 前言去年alist暴雷之后，就换成了社区维护的openlist，用了很久了，今天做一期教程，也避免后来者再去翻阅文档安装教程只介绍两种方法，宝塔docker一键安装和脚本安装。安装宝塔面板的过程查看之前的文章[post cid="13" cover="" size=""/]宝塔docker在后台左侧菜单栏点击​docker​，右侧点击立即安装。安装方式默认即可，如遇到安装失败，可尝试二进制安装安装完成后在docker商店的分类找到​储存/网盘​，下滑找到openlist，点击安装。在弹出的窗口填写需要的信息，没有域名的话就空着，CPU和内存限制根据实际情况调整。都填好之后点击确定，等待安装完成查看日志，安装好后点击已安装刷新一下就能看到了点击​详情​，可以查看后台的账号，然后复制设置openlist密码的命令到终端访问你设置的域名即可看到页面。没置域名的就访问​你的IP:程序端口​，如：127.0.0.1:15244登录之后会提醒你去设置存储，点击按钮进入设置页面openlist支持数十种储存方式，你可以任意选择一键安装脚本安装要求使用 systemd 的 Linux 系统Root 权限已安装 curl, tar在下载页面中列出的架构（openlist支持大多数架构，这点无需担心）执行安装脚本在确定你的系统支持后，执行下述命令：curl -fsSL https://res.oplist.org/script/v4.sh > install-openlist-v4.sh && sudo bash install-openlist-v4.sh在底部输入选项，因为我们要安装，所以填​1​，然后回车接下来会要求填写加速代理地址，可填可不填，我填的是https://gh-proxy.com/，你也可以填https://ghproxy.net/回车之后等待下载，下载的快慢取决你服务器的配置安装完成后会显示你的程序信息，务必截图/复制保存后续在终端输入openlist即可完成更新、卸载、重启等操作反向代理命令行安装的用户需要设置反向代理才能通过域名访问新建站点修改站点设置删除面板默认代码添加反向代理如需申请SSL证书，可先在SSL选项中申请证书，然后在设置反向代理。或者设置反向代理之后，关闭反向代理功能，申请SSL证书后再次开启代理。

新站长必备 - 如何安装宝塔面板
type: item
date: 2026-01-19T20:59:00+08:00
description: 前言又到了废话的时候，前些年刚上高中的时候，想要建站，一开始买的星辰云的虚拟主机，后来换成了云服务器。第一次用云服务器，买到手才发现和虚拟主机完全不一样，他没有控制面板?当时纯小白，问别人也没人理，后来第一个月的机器压根没用到，白白浪费了。再后来才知道了宝塔面板，宝塔也可以说是我的启蒙面板了教程开始首先你要拥有一台服务器，去哪里买无所谓，练手的话小厂便宜，大型业务的话大厂稳定。如果你愿意的话可以走我的推广链接，就当赞助我了。点我购买值得注意的是，新手不推荐买大陆地区的服务器，因为要备案，很麻烦系统选择购买服务器时会让选择操作系统，按照下述顺序选择，排名越靠前的，与宝塔面板兼容性越好Debian12、Ubuntu22、Centos9、OpenCloud9、TencentOS Server4，AlibabaCloud 3、麒麟，统信，欧拉等Linux系统这里使用Debian12举例连接服务器在控制台查看服务器的IP、用户名、密码、端口记下这些信息后，使用SSH工具连接服务器，这里推荐使用堡塔多机管理填写相关信息后保存并打开终端安装宝塔输入安装命令：if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_latest.sh;else wget -O install_latest.sh https://download.bt.cn/install/install_latest.sh;fi;bash install_latest.sh ssl251210执行后会出现确认提示，输入y并回车，接下来等着就行安装成功出现安装成功字样即可访问，将面板信息复制保存安装必备组件访问面板地址并登录，按照提示绑定账号安装服务器必备组件，按需选择如果你是学习使用，可以选择快速安装，如果是正式上线的运行环境，建议选择编译安装。面板效果

handsome主题美化及优化：10.1.0最新版
type: item
date: 2026-01-15T22:15:00+08:00
description: 主题标题居中打开后台-更改外观-设置外观-开发者设置-复制代码粘贴至自定义CSS即可/*主题标题居中*/ header.bg-light.lter.wrapper-md { text-align: center; }handsome 原生入站提示打开后台-更改外观-设置外观-开发者设置-复制代码粘贴至自定义输出body尾部代码即可 评论一键赞、踩、打卡打开后台-更改外观-设置外观-开发者设置-复制代码粘贴至自定义JavaScript即可 window.SIMPALED = {}; // 创建全局对象 SIMPALED，用于存放编辑器功能 ​ // 定义一个函数 a，用于在文本框中插入文字 function a(a, b, c) { if (document.selection) { a.focus(); sel = document.selection.createRange(); c ? (sel.text = b + sel.text + c) : (sel.text = b); a.focus(); } else if (a.selectionStart || "0" == a.selectionStart) { var l = a.selectionStart; var m = a.selectionEnd; var n = m; c ? (a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length)) : (a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length)); c ? (n += b.length + c.length) : (n += b.length - m + l); l == m && c && (n -= c.length); a.focus(); a.selectionStart = n; a.selectionEnd = n; } else { a.value += b + c; a.focus(); } } ​ window.SIMPALED.Editor = { daka: function() { var b = new Date().toLocaleTimeString(); var c = document.getElementById("comment") || 0; a(c, "滴！学生卡！打卡时间：" + b, "，请上车的乘客系好安全带~"); ​ // 将光标移到文本最后 if (c.setSelectionRange) { var len = c.value.length; c.setSelectionRange(len, len); c.focus(); } else if (c.createTextRange) { var range = c.createTextRange(); range.collapse(false); range.select(); c.focus(); } }, ​ zan: function() { var c = document.getElementById("comment") || 0; var yuluResponses = [ " 这篇文章展现了作者深邃的思想和独特的观点，令人赞叹不已。 ", " 文章中的优美语言和精彩描写让人感受到一种心灵的震撼和触动，实在值得赞美。 ", " 作者以敏锐的洞察力和真挚的情感，将文字融为一体，这种写作技巧令人赞赏。 ", " 这篇文章展现了作者的才华和学识，无不让人对其赞美有加。 ", " 文章中的感人故事和深刻的寓意令人深深地感动和赞叹。 ", " 作者的文字流畅而富有节奏感，令人为之倾倒，实在是一篇令人赞美的佳作。 ", " 文章中的深邃思考和清晰逻辑令人对作者的才华赞赏不已。 ", " 这篇文章的独到见解和新颖观点，让人对作者的创意赞美有加。 ", " 作者运用生动的比喻和细腻的描写，让读者仿佛身临其境，实在是一种令人赞美的写作艺术。 ", " 这篇文章的深情笔触和真挚感受让人深深感叹，实在是一篇值得赞美的美文。 ", ]; ​ var randomIndex = Math.floor(Math.random() * yuluResponses.length); var randomResponse = yuluResponses[randomIndex]; a(c, randomResponse); }, ​ cai: function() {…

handsome主题添加服务器状态栏最新版（Linux通用版）
type: item
date: 2026-01-15T22:13:00+08:00
description: 本文转自https://blog.ybyq.wang/archives/325.html，感谢大佬的分享，转载仅做存档，侵权删除背景说明这个版本和之前的做了以下升级： 1.新增了​缓存命中率​、​系统信息​、​操作系统​、​连接类型​、当前域名的信息显示 2.添加了对应信息项的Awesome图标 3.固定了标签颜色，使其不受插件标签颜色的影响， 4.优化了性能并增加了对Apache的适配。 5.保留了在长亭雷池WAF或宝塔WAF保护下IP的真实性功能特点实时监控服务器CPU、内存、磁盘使用率显示服务器运行时间、IO和网络状态准确获取访客IP、地理位置、设备和浏览器信息全面支持电信、联通、移动等各类网络环境兼容Linux系统（CentOS Stream 9、Ubuntu 22.04、Debian 10.2等）环境是Linux系统，PHP8.0（7.4以上即可），typecho1.2.1实现步骤1. 安装必要的系统工具（可选）首先，确保系统安装了必要的工具：apt-get update apt-get install -y procps net-tools sysstat2. 修改 headnav.php 文件文件位置：usr/themes/handsome/component/headnav.php在找到如下代码段： <?php if (@Utils::getExpertValue("show_static",true) !== false): ?> 添加代码：[zd-plane title="折叠标题" open="0"] <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline> 运行状态 CPU占用 8核心 占用内存 磁盘占用 内存缓存 内存缓冲 系统负载 缓存命中率 网络状态 IO 实时IO 网络 实时网络 服务器时间 <?php echo $_SERVER['SERVER_SOFTWARE']; ?> WEB服务器 <?php echo $_SERVER['SERVER_PROTOCOL']; ?> 通信协议 <?php echo PHP_VERSION; ?> PHP版本 系统信息 操作系统 访客信息 持续运行 您的IP 网络地址 浏览器信息 您的设备 <?php echo $_SERVER['REQUEST_METHOD']; ?> 请求方法 <?php echo $_SERVER['HTTP_ACCEPT_LANGUAGE']; ?> 服务语言 <?php echo (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on') ? "HTTPS" : "HTTP"; ?> 连接类型 <?php echo $_SERVER['HTTP_HOST']; ?> 当前域名 您的设备时间 [/zd-plane]3. 修改 footer.php 文件文件位置：usr/themes/handsome/component/footer.php在找到如下代码位置：<?php $this->options->bottomHtml(); ?> 添加如下JavaScript代码：[zd-plane title="折叠标题" open="0"] [/zd-plane]4. 创建 serverInfo.php 文件在网站根目录创建 serverInfo.php 文件，内容如下：<?php header('Content-Type: application/json; charset=utf-8'); header('Cache-Control: no-cache, must-revalidate'); header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); /** * Tries to get file contents, using file_get_contents and falling back to shell_exec('cat'). * This can help in environments with restrictions like open_basedir. * @param string $file The path to the file. * @return string|false The file contents or false on failure. */ function GetContents($file) { if (!@is_readable($file)) { return false; } $content = @file_get…

OpenList/AList样式美化：玻璃拟态主题
type: item
date: 2026-01-15T22:10:00+08:00
description: 简介自从iOS 26 的液态玻璃设计火了之后，就一直想把手底下的网站改一改样式，思来想去只有网盘最合适，刚好用的就是openlist。于是就修改为玻璃拟态主题，并加入了视频背景和自定义底部内容。特点​玻璃拟态效果​：所有 UI 元素采用高级玻璃质感设计​动态视频背景​：支持响应式视频背景（桌面/移动端自适应）​SVG 滤镜特效​：使用高级 SVG 滤镜实现液体玻璃效果​暗色模式支持​：完美适配 Hope UI 暗色模式​响应式设计​：全面适配桌面和移动设备​优雅动画​：平滑过渡和悬停效果详细步骤NaN. 登录 OpenList/AList 管理后台NaN. 进入「设置」→「全局」→「自定义头部」将以下内容添加到对应位置 进入「设置」→「全局」→「自定义内容」将以下内容添加到对应位置 <filter id="liquid-glass-filter" x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox"><feTurbulence type="fractalNoise" baseFrequency="0.01 0.01" numOctaves="1" seed="5" result="turbulence"></feTurbulence><feComponentTransfer in="turbulence" result="mapped"><feFuncR type="gamma" amplitude="1" exponent="10" offset="0.5"></feFuncR><feFuncG type="gamma" amplitude="0" exponent="1" offset="0"></feFuncG><feFuncB type="gamma" amplitude="0" exponent="1" offset="0.5"></feFuncB></feComponentTransfer><feGaussianBlur in="turbulence" stdDeviation="3" result="softMap"></feGaussianBlur><feSpecularLighting in="softMap" surfaceScale="5" specularConstant="1" specularExponent="100" lighting-color="white" result="specLight"><fePointLight x="-200" y="-200" z="300"></fePointLight></feSpecularLighting><feComposite in="specLight" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" result="litImage"></feComposite><feDisplacementMap in="SourceGraphic" in2="softMap" scale="150" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap></filter> 保存设置并刷新页面查看效果自定义配置您可以根据需要修改以下配置：NaN. 视频源：修改 config.video.mobileSource 和 config.video.desktopSource 替换为您的视频链接NaN. 背景图片（防止视频失效）：在 CSS 中修改 --mobile-background-image 和 --desktop-background-image 变量值NaN. 页脚信息：在 config.footer.blog 中修改博客链接在 getFooterHtml() 方法中自定义页脚 HTML效果展示移动设备（小屏）：桌面设备（大屏）：

typecho 评论无法显示图片
type: item
date: 2026-01-15T22:09:00+08:00
description: 前言typecho版本 : 1.2主题 : handsome我在使用handsome主题的时光机功能的时候，发现使用 img 标签显示的图片，全都无法显示。我琢磨了半天，最后，在handsome主题文档中找到了解决办法。解决方案这个问题产生的原因是 Typecho默认 用户不能在评论中插入图片或html代码需要在 '网站后台→网站设置→评论→允许使用的HTML标签和属性' 中添加以下标签''' '''在添加代码之后，评论(时光机)就可以显示图片了