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

发表于 分类于 本文字数： 2.1k 阅读时长 ≈ 8 分钟

杜架的记录与分享，记录与思考有价值的信息，主要包含：碎片化思考，阅读笔记分享，软件分享，内容记录等。内容主题有极大的个人喜好偏向，爱我所爱，想我所想，写我所写。

羊肉胡卜

今年过年前终于第一次吃到了运城美食，北相羊肉胡卜。山西著名汉族小吃，距今有一百多年历史，久负盛名。味道清爽，油而不腻，滋补身体，为当地群众性的名吃佳品。运城市北相镇人做的最好，故名。“羊肉胡卜”不是羊肉和胡萝卜，这里的“胡卜”指的是一种死面饼子…

制作方法是：把烙熟的白面薄饼切成丝条，加鲜羊肉汤煮成，再加香油、葱花、红辣椒面等调料。

笔记

如何抓取网址并截图

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

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

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

1
2
3
4
5
6
7
8
9
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）与外部数据源和工具之间的通信协议

Img

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

记录

推荐文章

  1. 作为一名前端架构师，我是怎么搭建前端工程化滴
    可以深度了解一下前端工程化，写的不错，对于想做架构师的程序员很有帮助。

开发相关项目

zod

https://github.com/colinhacks/zod

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

1
2
3
4
5
6
7
8
9
10
11
12
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

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

Img

reactbits

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

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

Img

starlight

https://github.com/withastro/starlight

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

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

Img

media-chrome

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

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

Img

有用又好玩的软件

Raphael AI

https://raphael.app/zh

免费的 AI 生成图像

Img

Screenshot Studio

https://screenshot.onionai.so/

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

Img

Marketing Emails

https://campaignbuzz.io/emails

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

Img

termora

https://github.com/TermoraDev/termora

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

Img

懒猫书签清理

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

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

Img

Pearcleaner

https://github.com/alienator88/Pearcleaner

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

Img

qrcode-file-transfer

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

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

SamWaf

https://github.com/samwafgo/SamWaf

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

Img

Keyviz

https://github.com/mulaRahul/keyviz

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

Img

资源

DeepSeek

cursor

大模型

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

快点软件镜像站-Quick Mirrors

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

Img

说明

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

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

trumandu_wechat_2022.png

参考资料