halo纯前端字数统计
本文介绍了一个纯前端实现的文章字数统计功能。作者通过编写一个名为`CharCounter`的JavaScript类，在文章末尾动态插入一个计数器。该功能核心是统计文章中的中文字符数，并实现了一个包含数字随机滚动、逐位定格等视觉效果的动画过程。代码中包含了详细的动画控制、资源清理（如定时器和动画帧的管理）以及防止内存泄漏的销毁机制。最后，通过全局实例管理和DOMContentLoaded事件确保功能在页面加载后自动执行。
#工具
TAG
39
篇文章
解决iframe嵌套Halo被拒绝
本文记录了作者在博客中通过iframe嵌套主站网页时，因CDN域名访问被拒绝而遇到的问题。浏览器控制台报错显示，原因是`X-Frame-Options`被设置为`SAMEORIGIN`，阻止了跨域嵌套。作者尝试在nginx中重新设置该头部，却因与Halo源码中的预设值冲突而导致报错。最终，通过nginx配置重置`X-Frame-Options`，并使用`Content-Security-Policy`的`frame-ancestors`指令，成功允许指定域名进行iframe嵌套，解决了跨域显示问题。
究极简单粗暴的随机图片网页实现
本文介绍了一个简易的随机图片生成器实现方案。其核心是一个HTML文件，通过JavaScript从名为`image_links.txt`的文本文件中读取预存的图片链接列表，并随机选取一个链接来动态更新网页中`<img>`标签的图片显示。文本文件中的链接需用引号包裹并以逗号分隔。此外，文章还附带了一个用于从HTML代码中提取图片链接的正则表达式模式，方便备份和管理链接资源。整个方案结构简单，适用于临时展示或测试场景。
Halo云备份代码更新（ver>20.0.0)
作者在秋招后检查VPS时发现Halo博客的定时备份任务连续失败，原因是Halo 2.0.0版本后默认禁用了Basic验证。为解决此问题，作者改用Token验证方式：先在Halo后台生成并保存具有备份权限的Token，然后更新备份脚本，将Token以Bearer形式加入请求头。更新后的Python脚本能够成功触发备份并轮询状态，直至备份完成。最后只需定时执行该脚本即可恢复自动备份功能。
使用Obsidian中的Excalidraw插件踩到的两个小坑
本文介绍了Excalidraw插件中两个显示优化设置。一是关闭“链接中括号”选项，可使外部链接仅显示图标，去除冗余的中括号，提升视觉简洁度。二是开启“显示文件名”功能，解决以卡片形式插入笔记时标题不显示的问题，确保笔记内容与标题同时可见。这两项设置均位于插件设置界面，调整后能显著改善笔记链接的显示效果。
Filen 最高可用50GB免费空间的网络同步盘
Filen是一款注重隐私的网盘服务，采用零知识客户端端对端加密，国内可直连且速度较快。它提供多端应用与同步功能，客户端支持5种同步方式，界面简洁；网页端额外提供笔记、聊天及文件分享链接生成等功能。新用户注册即赠10GB空间，通过邀请链接注册可再得10GB，成功邀请最多3人还可额外获得30GB，总计可免费获取50GB存储空间。目前官方正在开发WebDAV功能，未来有望集成至Alist等工具中，进一步提升实用性。
给docker容器添加代理
本文介绍了为NAS上的RSS订阅容器添加代理的两种方法。起因是部署在海外的博客因网络问题经常报错，作者通过设置代理解决。第一种方法是在1panel面板中编辑容器，直接添加http_proxy和https_proxy环境变量；第二种是通过命令行，在运行容器时使用-e参数设置代理地址。两种方式均简单有效，可快速实现容器网络代理。
