杜架的记录与分享(016期)

笔记

如何抓取网址并截图

之前有个需求，需要在 teams 中根据报警信息获取更多信息，由于网络隔离，我能想到的一个办法就是针对报警信息在内网生成浏览器截图，后期没人反馈也就没做了。
最近发现一个项目https://github.com/US-Artificial-Intelligence/ScrapeServ，一个自托管的 API，它接收一个 URL 并返回一个包含浏览器截图的文件。

索性研究一下它的原理：主要是通过Playwright 实现的。该项目支持js,python,java。

ScrapeServ 是使用 python 实现的。核心代码如下：

with sync_playwright() as p:
           # Should be resilient to untrusted websites
           browser = p.firefox.launch(headless=True, timeout=10_000)  # 10s startup timeout
           context = browser.new_context(viewport={"width": BROWSER_WIDTH, "height": BROWSER_HEIGHT}, accept_downloads=True, user_agent=USER_AGENT)

           page = context.new_page()
           response = page.goto(url)
           page.screenshot(path="screenshot.png", full_page=True)

MCP（模型上下文协议）

Cursor 上了 mcp 的 marketplace 了，Cursor Directory。所以顺手了解一下 MCP（模型上下文协议）。

是什么？

MCP（Model Context Protocol，模型上下文协议）是由 Anthropic 推出的一种开放标准，旨在统一大型语言模型（LLM）与外部数据源和工具之间的通信协议

MCP 架构

MCP 遵循客户端-服务器架构（client-server），其中包含以下几个核心概念：

MCP 主机（MCP Hosts）：发起请求的 LLM 应用程序（例如 Claude Desktop、IDE 或 AI 工具）。
MCP 客户端（MCP Clients）：在主机程序内部，与 MCP server 保持 1:1 的连接。
MCP 服务器（MCP Servers）：为 MCP client 提供上下文、工具和 prompt 信息。
本地资源（Local Resources）：本地计算机中可供 MCP server 安全访问的资源（例如文件、数据库）。
远程资源（Remote Resources）：MCP server 可以连接到的远程资源（例如通过 API）。

解决问题和目标是什么？

MCP 的主要目的在于解决当前 AI 模型因数据孤岛限制而无法充分发挥潜力的难题，MCP 使得 AI 应用能够安全地访问和操作本地及远程数据，为 AI 应用提供了连接万物的接口。

这里的安全访问是指 MCP Servers 限定了数据访问的权限和通信加密，主要是 MCP Servers 约定了数据访问。

使用 demo，详见：使用 Claude Desktop 通过 PostgreSQL MCP Server 查询数据库信息

awesome-mcp-servers

docker run –与-参数区别

2017 年接触 docker，自己的学习的命令基本就没发生变化，一直纠结–与-参数区别，索性再扒一下官方文档，学习一下，以下为学习笔记。

	单短横线 `-`	双短横线 `--`
区别	单短横线 `-` 用于单字符选项，通常可以合并使用。	双短横线 `--`用于完整的单词选项，通常是更具描述性的参数。双短横线 `--`还可用于终止选项解析，后续内容被视为纯参数。
常用参数对照	`-v` `-e`	`-volume` `--env`
注意事项		Docker 支持等号（=）格式和空格分隔格式来传递参数。 `docker run --network=host ubuntu` `docker run --network host ubuntu`
host network driver		`--net=host` 对等`--network=host` 官方文档更倾向使用 –network=host，因为 –network 是更通用的选项，可用于： host 、bridge（默认）、 none 自定义网络但 –net=host 仍然可用，特别是在较旧的 Docker 版本中
demo1	`docker run -it ubuntu`	`docker run --name test -d nginx:alpine`
demo2		`docker run --rm ubuntu` 这里 rm 不是简写合并，rm 本身就代表删除
demo3		`docker run --rm ubuntu -- bash -c "echo hello"` 这里 –rm 是 Docker 选项，ubuntu 是镜像，bash -c “echo hello” 是传递给 ubuntu 容器的命令。`-c` 可能与 Docker 选项混淆，则可以使用 `--` 来分隔 ,暂未验证。

docker cli 官方文档

Dockerfile reference

记录

开发相关项目

zod

https://github.com/colinhacks/zod

TypeScript 优先的 scheme 验证与静态类型推断

import { z } from "zod";

// creating a schema for strings
const mySchema = z.string();

// parsing
mySchema.parse("tuna"); // => "tuna"
mySchema.parse(12); // => throws ZodError

// "safe" parsing (doesn't throw error if validation fails)
mySchema.safeParse("tuna"); // => { success: true; data: "tuna" }
mySchema.safeParse(12); // => { success: false; error: ZodError }

barba

https://github.com/barbajs/barba

一个小巧易用的库，可帮助你在网站页面之间创建流畅平滑的过渡效果。

reactbits

https://github.com/DavidHDev/react-bits

React Bits 是一个大型的动画 React 组件集合，用于为你的网页创作增添趣味。60 个组件总数（文本动画、动画、组件、背景）

starlight

https://github.com/withastro/starlight

Starlight 是一个基于 Astro 框架构建的全功能文档主题网站。

未来我的文档类网站打算使用这个项目来试试，试用场景基本和dumi 类似。

media-chrome

https://github.com/muxinc/media-chrome

用于制作在你的网站或应用中音频和视频播放器控制的自定义元素（Web 组件）。

有用又好玩的软件

Raphael AI

https://raphael.app/zh

免费的 AI 生成图像

Screenshot Studio

https://screenshot.onionai.so/

生成 store 截图，用来上架多个 app store.

Marketing Emails

https://campaignbuzz.io/emails

可以查看到国外主流的邮件营销模板，可以一键复制代码，也是我研究国外邮件营销的范本，收获很大。

termora

https://github.com/TermoraDev/termora

Termora 是一个终端模拟器和 SSH 客户端，支持 Windows，macOS 和 Linux。

懒猫书签清理

https://www.ainewtab.app/LazyCat-Bookmark-Cleaner/zh-cn/

懒猫书签清理工具帮助您一键清理失效书签、重复书签和空文件夹，让书签管理变得简单高效。支持 Chrome 和 Edge 浏览器。

Pearcleaner

https://github.com/alienator88/Pearcleaner

一款免费、开源且遵循公平代码许可的 Mac 应用清理工具。亲测好用。还可以用来清理开发环境。

qrcode-file-transfer

https://github.com/ganlvtech/qrcode-file-transfer

闲来无聊搜了一下如何不需要网络传输数据，搜到了这个项目，通过将文件编码为二维码，然后第二台设备通过摄像头扫码后将数据解码。实现不依赖网络传输数据。速度有限。脑洞不错。

SamWaf

https://github.com/samwafgo/SamWaf

SamWaf 开源轻量级网站防火墙，完全私有化部署

Keyviz

https://github.com/mulaRahul/keyviz

Keyviz 是一个免费的开源工具，用于可视化你的按键操作。

资源

DeepSeek

DeepSeek 官方提示词样例

cursor

Awesome CursorRules
cursor-auto-free本质为修改机器码和自定义域名的无线邮箱。
go-cursor-help
一键修改 cursor 设备 ID 目前我使用的这个。

大模型

最近在学习的大模型相关资料，在此整理记录一下，分享给希望了解 LLM 原理的的程序员。

快点软件镜像站-Quick Mirrors

https://mirrors.quickso.cn/#news

说明

杜架的记录与分享相关信息：

浏览地址：杜架的记录与分享

🙌 如果你阅读到这里，相信我们一定是同道中人，有任何想法，欢迎私聊我，微信号：trumandu007。
⚡️ 如果你也是在西安地区从事 IT 相关工作，欢迎私信加入我建的 『西安 IT 技术圈』微信群,我们是一个什么样的群体？为什么要做『西安 IT 技术圈』。
👬🏻 朋友，都看到这了，确定不关注一下么 👇

参考资料

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。原文来自 — 版权归原作者所有。

推荐订阅源

TrumanDu's Blog

笔记

如何抓取网址并截图

MCP（模型上下文协议）

docker run –与-参数区别

记录

推荐文章

开发相关项目

zod

barba

reactbits

starlight

media-chrome

有用又好玩的软件

Raphael AI

Screenshot Studio

Marketing Emails

termora

懒猫书签清理

Pearcleaner

qrcode-file-transfer

SamWaf

Keyviz

资源

DeepSeek

cursor

大模型

快点软件镜像站-Quick Mirrors

说明

参考资料