手里有只毛毛虫

11/16/2025 HTML js 信息技术

分享一个 Umami 追踪站内搜索的办法

想起以前用 Matomo 的时候是自带站内搜索追踪的，后来换了Umami 后这功能被遗忘了。如今突然想起，结果发现 Umami 默认是没有站内追踪的。试错另辟蹊径发现 Wordpress 有追踪站内搜索的插件，试用了一下发现并不理想。由于插件是在服务端记录搜索，导致会把很多广告爬虫的搜索也记录进去，短短一天不到一千多条记录，各种语言的广告都有...... 这都是些什么玩意解决办法最后研...

Analytics Umami 分析站内搜索统计

10/21/2025 css HTML 信息技术

网页利用 view-transition 仿 AppStore 转场动画

其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。项目链接：<https://github.com/miniwater/AppStore> 示例：miniwater....

AppStore HTML HTML5 view-transition

8/20/2025 AI HTML LLM 信息技术

为 Hugo 添加 LLMS 的支持

首先表明观点： > 需要特定格式来消费信息的人工智能不是人工智能。 > > 人工智能不需要它自己的格式来理解我的网站，如果它不能理解 HTML，那么它就不是人工智能。好，如果还是不死心，要给小笨蛋ai做在线知识库，那就开始今天的正片内容：添加 LLM 友好的 Hugo 内容。现在的 LLMs.txt 标准尚未被广泛采用，但是 Hugo 开发者说了，如果未来 LLMS 获得更多关注，Hugo ...

AI Hugo LLMS

6/25/2025 AI HTML LLM 信息技术

LLMs.txt：让AI更方便爬取你的数据

最近，看到各种开发工具最近在其文档中添加了 LLMs.txt 支持。虽然 robots.txt 和 sitemap.xml 是为搜索引擎设计的，但 LLMs.txt 针对推理引擎进行了优化。它以 LLM 可以轻松理解的格式向他们提供有关网站的信息。什么是 LLMs.txt？ LLMs.txt 是一个具有特定结构的 markdown 文件。 /llms.txt: 简化的文档导航视图，帮助 AI ...

AI HTML LLM Markdown

6/8/2025 css HTML 信息技术

记录几个免费的 Tailwindcss 组件库

在前端开发中，如果不想自己画组件，就只能使用组件库，单一组件库种类少，但是如果引用过多组件库，又会使得项目依赖繁重。 ‌Tailwind CSS 则是一款功能类优先的原子化 CSS 框架‌，通过直接在 HTML 中组合高度可复用的工具类，快速构建定制化界面。 TailAwesome 是互联网上最好的 Tailwind 模板和 UI 套件的精选列表。 <https://www.tailawesome...

CSS Tailwind CSS UI UI kits 前端组件库

2/24/2025 HTML 信息技术

分享一个很有意思的卸载动画 Html5 单页源码

来自：<https://codepen.io/wheatup/pen/XLmzbe> var ifr = document.getElementById('id1298'); ifr.onload = function() { var oHeight = Math.max(ifr.contentWindow.document.documentElement.offsetHeight, ifr.co...

HTML5 单页源码卸载可爱

2/4/2025 HTML nginx 信息技术

nginx反向代理重写url，绕过uBlock Origin拦截规则

今儿发现matomo被uBlock Origin规则拦截了，受高人指点可以通过反向代理绕过规则，在此分享方法在nginx配置文件添加 location /ma.js { rewrite ^/ma\.js$ /matomo.js last; } location /mapi { rewrite ^/mapi$ /matomo.php last; } 第一行是请求 https://ma.krjojo...

matomo nginx uBlock Origin 反向代理广告拦截拦截规则

1/23/2025 HTML 信息技术安全

Edge浏览器窃取数据、劫持请求在百度搜索带tn后缀

今天刷到一条关于Edge劫持请求、强行推广的视频。内容是Edge浏览器在某次更新后，使用百度搜索引擎，在地址栏搜索内容时，链接网址带有tn=后缀比如： https://www.baidu.com/s?tn=68018901_3_dg&ie=UTF-8&wd=%E7%99%BE%E5%BA%A6%E5%90%8E%E9%9D%A2%E6%9C%89%E4%B8%AAtn 并且每次搜索都自动添加后...

edge 劫持百度

1/8/2025 HTML js 信息技术

大陆、港澳台身份证、护照、军官证的正则表达式

前端验证大陆、港澳台身份证、护照、军官证号码的合法性。初步整理了一下各个验证的正则表达式，记录一下，如果有错，还请指出一下大陆身份证正则表达式 idCardValid(id) { // 1 "验证通过!", 0 //校验不通过 var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([...

js regex 正则表达式身份证

11/8/2024 HTML 信息技术

超级好用的iframe高度自适应工具 iframe-resizer

iframe-resizer 库旨在消除使用 iframe 的痛点。它将调整您的 iframe 大小以匹配您的内容大小，然后监控 iframe 以确保它始终是完美的大小。 <https://github.com/davidjbradshaw/iframe-resizer> 父页面 <style> tests { width: 100%; height: 100vh; } </style> <ifr...

Github iframe js