利用 Claw Cloud Run 免费应用部署前端网页

优质文章学习记录

— 2 min read
利用 Claw Cloud Run 免费应用部署前端网页

一、注册

  1. 使用注册180天的github账户注册Claw Cloud账户，可获得每月5$的免费配额
  2. 官网链接 - https://run.claw.cloud/
    （ps：直接github账号登录应该就不用写了吧）

二、创建应用

开启外部访问

在这里插入图片描述

CPU选0.1即可，当然大点也没问题，就是费用多点

在这里插入图片描述

点击Create App

在这里插入图片描述

打开App Launchpad

在这里插入图片描述

三、查看Nginx信息，挂载空间部署

  1. 确认update重启

挂载空间
关闭控制台点击update

在这里插入图片描述


最下方选择local Storage挂载空间（默认的就填上面查到的，改配置文件的就填你选择的路径）

在这里插入图片描述

cd进入目录下通过配置文件查看Nginx默认路径（当然你也可以自己改，到时候换个地方挂载就好）

在这里插入图片描述

输入nginx -t查询Nginx配置文件信息

在这里插入图片描述

点进刚刚创建的App，拖到最下面打开控制台（旁边的文件夹是要挂载之后才有的）

在这里插入图片描述

四、上传文件

点击控制台旁边的文件图标，将打包后的文件上传即可

在这里插入图片描述

五、自定义域名

点击mange network，Custom Domain把你的域名贴上去，然后去域名解析原来的地址即可

在这里插入图片描述

Read more

打造你的家庭 AI 助手（四）：单 OpenClaw 配置多 Agent、多 QQ、飞书机器人

打造你的家庭 AI 助手（四）：单 OpenClaw 配置多 Agent、多 QQ、飞书机器人

打造你的家庭 AI 助手（四）：单 OpenClaw 配置多 Agent、多 QQ、飞书机器人 引言 OpenClaw 是一个强大的智能体（Agent）编排框架，它通过统一的架构让开发者可以轻松管理多个聊天机器人，并接入不同的即时通讯平台。在实际应用中，我们往往需要同时运行多个 QQ 机器人（例如个人助手、工作助手），甚至希望同一个智能体既能处理 QQ 消息，也能响应飞书消息。 本文将详细介绍如何在一个 OpenClaw 实例中配置多通道（QQ、飞书）、多 Agent 以及多 QQ 机器人账号，实现资源的高效利用和灵活的消息路由。特别地，我们将阐明飞书通道与 QQ 通道在绑定规则上的差异，避免常见的配置错误。 核心概念回顾 * Agent（智能体）：拥有独立人格、记忆和技能的对话单元。每个
前端单体项目搭建步骤

前端单体项目搭建步骤

单体项目的前端搭建 做后端的朋友都知道，后端的工作不仅需要你精通后端，前端的知识也需要了解，有时候甚至需要自己搭建前端页面，这里我通过一个小项目（管理系统）展示单体项目的前端搭建步骤 下面这些步骤需要你懂一些vue3知识。 步骤一:构建项目 构建项目： 一般快速搭建项目我们使用vite搭建vue3项目 执行下面代码会下载最先的vite并用此构建项目 npm create vite@latest 起好项目名，选择合适框架和语言就可以了 我这里选了自动启动，点击网址就可以访问你自己构建的前端项目了。 网页是这样的 接下来我们使用vscode打开项目文件夹 我们把没用的东西删掉，例如style.css,HelloWorld.vue。 记住删掉style.css的时候，也要删除mian.js里面的对style.css的导入语句。HelloWorld.vue也是一样，它在App.vue中有使用 把App.vue删成这样就可以了 <script setup> </script> <template>
WebRTC 入门与实践（非常详细）从零基础入门到精通，看完这一篇就够了

WebRTC 入门与实践（非常详细）从零基础入门到精通，看完这一篇就够了

一、前言 WebRTC 技术已经广泛在各个行业及场景中被应用，但对多数开发者来说，实时音视频及相关技术却是比较不常接触到的。 做为一名 Web 开发者，WebRTC 这块的概念着实花了不少时间才搞明白，一是 WebRTC 本身有较多的独有概念，二是虽然带“Web”字样，但依赖底层概念和网络却是 Web 开发很少接触到的； 本篇文章以 0 经验音视频开发者 视角，类比常用的 Web 技术，期望帮助您简单入门 WebRTC 技术，耐心看完本篇文章，你将： 1. 了解什么是 WebRTC 2. 掌握 WebRTC 通话原理 3. 利用 Chrome debug WebRTC 应用 适合阅读对象：Web开发，有 js 基础，
前端实战：基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略

前端实战：基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略

目录 前端实战：基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略 一、前言 二、如何使用腾讯云免费满血版deepseek 1、腾讯云大模型知识引擎体验中心 2、体验deepseek联网助手 3、人机交互获取AI支持 三、基于DeepSeek实现无限滚动+懒加载+瀑布流模块 1、无限滚动+懒加载+瀑布流模块的底层逻辑 2、人机交互策略与Deepseek的实现过程 ①虚拟列表管理 ②布局容器初始化 ③动态渲染与销毁机制 ④无线滚动实现 ⑤内存优化策略 四、最终代码呈现 1、组件代码 2、组件用法 五、结语         作者：watermelo37         ZEEKLOG万粉博主、华为云云享专家、阿里云专家博主、腾讯云、支付宝合作作者，全平台博客昵称watermelo37。         一个假装是giser的coder，做不只专注于业务逻辑的前端工程师，Java、Docker、