搓了个工具箱+github pages
gemini3 发布几天了。都说很叼,前端很叼,画页面很牛。那就帮我画个工具箱吧 设计 于是打开 chatgpt 和他讨论一下,主要思想就是我希望前端能够非常的模块化 写一个工具的时候,不需要关注太多和我网页的配合。按照一定的规范写完工具后放在指定位置就行了。基于 git 我就可以审核后发布,前端就可以在某个目录某个地方看到这个工具,搜到这个工具。暂时不考虑性能问题 gemini3 目前我两个用的地方,一个在 ai studio 里面直接用,另一个就是在 cursor 里面用了,姑且信一把 cursor 开搓 接一杯水的功夫出来了。这个设计很符合我的概念(但是我本能的觉得性能影响很大,以后堆积越来越多的工具,一打开我的网站,啪的一下要下载好几十MB 的内容。) 编译预览一下,这期间有一点小问题,反正我也不是很懂前端,他给修好了 随后上点强度,一口气提了 9 个比较常见的网页工具,一次性完成。 可以,很满意哦,回头做个深色浅色模式随系统切换 部署 那么想把它部署起来,在这整个工具箱的设计里,是存在后端的,因为对于我的需求而言 有一些工具我是希望他有历史记录的,当然量不是很大。所以一开始我是想部署在自己的 VPS 上。但是想了一圈后犯懒了(原本想基于 github 的 webhook 或者 actions build & push docker images,服务器搞个小 deploy agent 等着更新就行)有 github pages,不如直接放在 pages 里就好了 叫 g 老师给写个 actions 关于 actions 的文档和介绍 GitHub Actions 入门教程 - 阮一峰的网络日志 GitHub Actions 文档 - GitHub 文档 ...
hugo 的博客点击图片放大
昨天抄来改改一篇很长的 cc 教程,里面有不少图片,发现我的主题似乎没法点击放大图片,于是求助 gemini3 实现方式 用Hugo Render Hook(渲染钩子),它接管了 Markdown 中图片语法  的渲染过程。 用 fancybox 库实现图片放大之类的 代码 layouts/_default/_markup/render-image.html 修改渲染逻辑 [html] 显示已折叠代码(40 行) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 {{- /* 1. 解析 Markdown 里的图片路径 */ -}} {{- $u := urls.Parse .Destination -}} {{- $src := $u.String -}} {{- /* 2. 如果不是绝对路径(如 http://...),则尝试在资源中查找 */ -}} {{- if not $u.IsAbs -}} {{- $path := strings.TrimPrefix "./" $u.Path }} {{- /* 3. 尝试从“页面资源”或“全局资源”中查找该图片 */ -}} {{- with or (.PageInner.Resources.Get $path) (resources.Get $path) -}} {{- /* 4. 如果找到了,获取它在网站最终生成的正确相对链接 */ -}} {{- $src = .RelPermalink -}} {{- /* 5. 假如原链接带参数(?size=small)或锚点(#top),把它们拼回去 */ -}} {{- with $u.RawQuery -}} {{- $src = printf "%s?%s" $src . -}} {{- end -}} {{- with $u.Fragment -}} {{- $src = printf "%s#%s" $src . -}} {{- end -}} {{- end -}} {{- end -}} {{- /* 6. 构建 img 标签属性:合并默认属性和自动生成的属性 */ -}} {{- $attributes := merge .Attributes (dict "alt" .Text "src" $src "title" (.Title | transform.HTMLEscape) "loading" "lazy") -}} <div class="post-img-view"> <!-- href: 指向图片大图的链接(Fancybox 需要知道点开后显示什么) data-fancybox="gallery": 告诉 Fancybox JS 插件,这个链接要用灯箱打开,而不是跳转页面 --> <a data-fancybox="gallery" href="{{ $src }}"> <img {{- range $k, $v := $attributes -}} {{- if $v -}} {{- printf " %s=%q" $k $v | safeHTMLAttr -}} {{- end -}} {{- end -}}> </a> </div> layouts/partials/extend_head.html 引入 fancybox 资源 ...
Netflix 怎么调整画质
如何查看当前网飞的画质 播放状态下,按Ctrl + Alt + Shift +q 显示当前串流状态,如图所示。我当前是2K的状态,但是之前一直好奇怎么调整,今天一位L站佬友给解惑了 如何看上4K 原文 【教學】如何讓Windwos 電腦看Netflix 4K HDR 全面一次搞懂 - 瘋先生 避免原链接失效。我这里也记录一下大概吧。 总之要看上4K的话要求挺多的 基于该作者的介绍,设置串流画质前对网络测速一下确认自己网速状态,,按他的描述,1080p需要5Mbps,否则就是HD 720p,4K需要25Mbps,1080p只需要5Mbps,非常庆幸,我有看起来不错的网速網路速度測試 | Fast.com  随后安装相关的扩展。我看了一下资料不少,日后不至于失联,那么这里就到此为止啦,因为目前没有4K以上的播放设备。所以暂时不纠结这个问题了。
vibe coding教程,claude code 和 codex
迄今为止最先进的代码助手: claude,anthropic家最强垂直领域编码模型之王,三个系列,haiku、sonnet、opus 截至写这个教程时模型全面更新到4.5版本了。 claude code是他们家推出的 cli agent工具,个人心中排第一没什么问题(贵应该是我的问题) 以下使用cc 称呼 claude code 其他 cli类的工具层出不穷,google的 gemini cli。google随着 gemini 3发布出了个antigravityGoogle Antigravity gemini3 发布接近一周了,从网上的反响和我的使用来讲。觉得preview还是不稳定,前端确实很惊艳,这一点从 nanobanana pro上看的出来,也许谷歌找到了他们要入场的赛道。 编码 gpt-5.1 还是略胜一筹,不过大部分情况还是claude更强 国产的 kimicli之类的,国产模型想打这个赛道也会兼容 cc,但是国产模型基本是上一代国外主流模型的能力 插件类型的 如augment windsurf都还不错。但是结合我所拥有的资源 cursor是获得最容易且价格还能接受的 cc支持的IDE Visual Studio Code(包括 Cursor 和 Windsurf 等流行分支) JetBrains IDEs(包括 PyCharm、WebStorm、IntelliJ 和 GoLand) 以下是收集的一些教程,供参考 一、ClaudeCode 操作系统: macOS 10.15+ / Ubuntu 20.04+/Debian 10+ / Windows 硬件: 最少 4GB RAM 软件: Node.js 18+ 1.1、安装 安装官方 Claude Code ...
tar 包爆炸了
很狼狈的一件事情,到手一个 tar 压缩包之后。直接运行 tar -xvf 罪魁祸首.tar 结果就像一个在我混乱的卧室里 爆开一包薯片一样,撒的到处都是,一点点捡可能还捡不干净,有一些文件的修改日期十分远古,看不出来是否来自压缩包内 首先,快捷查看包内容可以使用 tar -tf myfile.tgz 或者 -tzf -t(或 –list)表示列出内容。 -z 表示使用 gzip 解压(因为 .tgz 通常是 .tar + gzip 压缩) -f 指定档案文件。 如果想看得更 “详细”(包括权限、时间戳、大小等),可以加 -v: 1 2 3 (base) yangr@172-16-99-32-Dev:/data/yangr$ tar -tf meetingasr.tgz meetingasr/ meetingasr/app/ 这样可以看到包里的顶层是一个文件夹,而不是那一堆薯片碎,现在直接解压会在当前目录解压到这个名字的文件夹内 但是,如果某一天忘记看一眼里面的结构,我之前会使用 -C 参数 change to directory tar -xzf archive.tgz -C /path/to/targetdir 但是这个参数需要先有指定的目录才能执行,这很麻烦 所以还有一个方案就是使用 --one-top-level tar -xzf myfile.tgz --one-top-level=newdir 这样无论包里是什么结构,都会把内容解压到 newdir/ 目录内。 那如果我已经是上面例子 有一个文件夹,那岂不是会变成 newdir/meetingasr/ 了 所以还能用 tar -xzf myfile.tgz --strip-components=1 剥掉包里路径的第一级目录 ...