Skip to main content

Hermes Agent 的插件系统及插件开发

· 10 min read
Kyle
CTO of the Ph.D. Creative Station

Hermes Agent 的插件系统不算庞大,但设计得相当工整。最近为了接入一个新的图像生成后端,我把它的插件机制从头到尾走了一遍——从目录结构、注册流程,到调试时的各种踩坑。这篇文章是我沿途的记录,希望能帮你少走些弯路。

本地架设单个 MCP 服务器供多客户端共享

· 8 min read
Kyle
CTO of the Ph.D. Creative Station

同时运行多个 AI Agent 实例(如 Hermes 的多个 profile)时,每个实例各自启一套 MCP server 子进程,很快就会出现工具连接间歇性失败。本文从根因分析出发,对比社区主流 Gateway 方案,最终选用 sparfenyuk/mcp-proxy 在本地架设一个共享 MCP 后端,并给出完整的安装、配置与验证流程。

基于 Swiper 的图片 PPT 播放组件

· 3 min read
Kyle
CTO of the Ph.D. Creative Station

这篇文章介绍一个适用于 Docusaurus / React 页面中的图片幻灯片组件。它的目标很朴素:用户只需要提供一组图片 URL,就能把它们当成 PPT 一页一页播放

利用电脑摄像头扫描识别二维码

· 4 min read
Kyle
CTO of the Ph.D. Creative Station

在现代数字化生活中,二维码已成为信息传递的重要载体。本文将介绍如何开发一个基于 React 的二维码扫描组件,利用电脑摄像头实现纸质二维码的扫描识别功能。

利用 Konva.js 和 Matter.js 的物理仿真方法探索

· 2 min read
Kyle
CTO of the Ph.D. Creative Station

本文旨在引导读者在 web 环境中,利用 Konva.js 和 Matter.js 两个强大的 JavaScript 库,从零开始构建一个交互式的物理仿真场景。文章首先通过一个简单的 Konva.js 示例,展示了如何在 React 环境下创建和渲染可拖拽的图形。随后,为了解决图形无法真实碰撞的问题,文章引入了 Matter.js 物理引擎。通过详细的代码示例和注释,本文逐步讲解了如何将 Matter.js 的物理世界与 Konva.js 的可视化画布相结合,内容涵盖了物理引擎的创建、刚体的生成、碰撞检测、重力模拟以及用户拖拽交互的处理。最终,读者将学会如何在一个 MDX 文件中,实现一个功能完善、带边界约束且可交互的物理仿真应用。

组合优化的渐近学习路线及知识框架

· 8 min read
JIANG
PI of the Ph.D. Creative Station

本文围绕组合优化中的经典铺瓷砖问题,系统梳理了新手从零起步的学习路线及知识框架。文章首先介绍了铺砖问题的数学背景与实际意义,提炼其在组合优化中的核心地位。随后,详细阐述了动态规划、状态压缩动态规划、深度优先搜索、最优性分析、可行性分析及组合数学等主流建模与求解方法。最后,展望了强化学习等前沿技术在组合优化领域的应用前景,为读者构建理论与实践相结合的知识体系提供了参考。

基于 iframe 的自定义组件 FullscreenIframe

· 3 min read
Kyle
CTO of the Ph.D. Creative Station

FullscreenIframe 是一个功能强大且高度自定义的 React 组件,旨在无缝地将外部内容通过 iframe 嵌入到您的 Docusaurus 站点中。它不仅提供了优雅的全屏查看功能,还解决了 iframe 中常见的热键冲突问题(如 ESC 键),并能自动与网站的浅色/深色主题保持视觉同步,提供一致、沉浸式的用户体验。无论您是想嵌入一个在线白板、一个 CodePen 演示、一个 Figma 设计稿,还是任何需要专注模式的 web 应用,FullscreenIframe 都是您的理想选择。

跳转该页面以查看 FullscreenIframe 组件的使用效果。

提问的智慧(Eric Steven Raymond)

· 55 min read
Nix
Coach for Technology Innovation and Entrepreneurship

本文介绍了如何有效地提问,以便在技术支持和社区中获得更好的帮助。通过遵循一些基本原则和技巧,提问者可以提高问题的清晰度和可理解性,从而更容易获得满意的答案。

Markdown 编辑器及预览组件

· 6 min read
Kyle
CTO of the Ph.D. Creative Station

本篇文章介绍了一款自主研发的 Markdown 编辑器及预览组件,支持基础 Markdown 语法、数学公式(LaTeX)、原生 HTML 标签、Mermaid 图表等多种高级功能。组件基于 react-markdown 实现,具备嵌入与浮动两种模式,支持实时预览、移动端适配、键盘与触摸操作,并对数学和图表语法错误提供友好提示。文章详细讲解了组件的功能特性、用法、依赖安装、丰富的语法示例及最佳实践,帮助开发者高效集成和使用 Markdown 编辑体验于各类文档和产品页面中。