[科研实践] VS Code (Copilot) + Overleaf (使用 Overleaf Workshop 插件)

[科研实践] VS Code (Copilot) + Overleaf (使用 Overleaf Workshop 插件)

科研圈写文档常用 Latex 环境,尤其是 Overleaf 它自带的 AI 润色工具 Writefull 太难用了。如果能用本地的 CoPilot / Cursor 结合 Overleaf,那肯定超高效!


于是我们找到了 VS Code 里的 Overleaf Workshop 插件。这里已经安装好了,没装过的同学可以直接点击 “安装”

安装后左边会出现 Overleaf Workshop 的图标:

点击右边的“+”:

Overleaf 官网需要登录,这里我们通过 cookie 调用已登录账号的 API:

回到主界面,右键点击 “检查”:


打开检查工具后,找到 “网络”(Network)窗口,搜索 “/project”

/project

如果首次加载没内容,刷新页面就能看到 project 条目了:


点击 project 条目,往下找到 “请求标头”,需要复制一段包含 cookie 的字符串(“神秘代码”)。这段代码全选后按 Ctrl+C 复制:

回到 VS Code,选择 “通过 cookie 登录”,粘贴(Ctrl+V)刚才的 cookie 字符串,回车确认:

这时会列出所有 Overleaf 项目。单击新窗口打开,打开后界面和 Overleaf 一致,左边是 LaTeX 代码,右边是 PDF 预览(“Ctrl+cmd+v” 预览快捷键)。现在试试本地 AI 功能:安装 VS Code 后,可连接 GitHub 或其他 AI 工具(如 CoPilot)

这相当于是用本地AI工具远程操作网页端的Overleaf

接下来就可以畅快写作啦~

快捷键:Ctrl + S 就能直接开始远程编译啦

参考视频:科研论文党王炸组合overleaf+Copilot_哔哩哔哩

Read more

无人机智能巡检系统-大疆上云api

无人机智能巡检系统-大疆上云api

1. 项目概述 1.1 项目名称 无人机智能巡检系统开发项目 1.2 项目背景 传统人工巡检方式存在效率低下、成本高昂、作业风险大等问题,尤其在大型设施(如机场、电力线路、油气管网)的巡检中面临诸多挑战。随着无人机技术、人工智能和物联网的快速发展,无人机智能巡检已成为提升巡检效率、降低运营成本、保障作业安全的理想解决方案。本项目旨在开发一套集实时监控、智能识别、任务管理、数据分析于一体的无人机智能巡检系统,满足现代化巡检工作的需求。 1.3 项目目标 * 开发一套完整的无人机智能巡检系统,实现巡检过程的自动化、智能化和可视化 * 集成AI识别功能,实现对异常事件(如人员入侵、设备故障、安全隐患)的实时检测与报警 * 构建统一的数据管理平台,实现巡检数据的集中存储、分析与共享 * 支持多类型无人机和巡检设备的无缝集成,确保系统的兼容性和可扩展性 * 提高巡检效率30%以上,降低人力成本40%,减少安全事故发生率 1.4

Magic API:低代码接口开发平台完全指南

Magic API:低代码接口开发平台完全指南

Magic API:低代码接口开发平台完全指南 🌟 你好,我是 励志成为糕手 ! 🌌 在代码的宇宙中,我是那个追逐优雅与性能的星际旅人。 ✨ 每一行代码都是我种下的星光,在逻辑的土壤里生长成璀璨的银河; 🛠️ 每一个算法都是我绘制的星图,指引着数据流动的最短路径; 🔍 每一次调试都是星际对话,用耐心和智慧解开宇宙的谜题。 🚀 准备好开始我们的星际编码之旅了吗? 目录 * Magic API:低代码接口开发平台完全指南 * 摘要 * 1. Magic API概述与核心概念 * 1.1 什么是Magic API * 1.2 Magic API的核心特性 * 1.3 Magic API的设计理念 * 2. Magic API架构设计与组件分析 * 2.1 整体架构概览 * 2.2 API引擎工作原理 * 2.3 脚本引擎与SQL执行机制 * 3. Magic API核心功能实现

前端标签的语义化艺术与实战指南

前端标签的语义化艺术与实战指南

不止是展示:前端标签的语义化艺术与实战指南 在前端这个日新月异的领域,我们每天都在追逐新的框架、库和工具。但有时,我们或许会忽略了这所有一切的基石——HTML。 很多初学者甚至一些有经验的开发者,常常将HTML标签仅仅看作是包裹内容的“容器”,用<div>和<span>“一把梭”解决所有布局和样式问题。然而,这就像用同一种砖块去建造整座宏伟的教堂,虽然可能成形,但却失去了结构之美和内在的灵魂。 今天,我要介绍HTML标签的正确“打开方式”,也就是语义化。这不仅关乎代码的优雅,更直接影响到可访问性(Accessibility)、搜索引擎优化(SEO)以及代码的可维护性。 一、地基与骨架:文档的“顶层设计” 在动工之前,我们先要打好地基,搭好骨架。 * <!DOCTYPE html>: 这不是一个标签,而是一个声明。它像是在告诉浏览器:“嘿,

前端动画新范式: CSS animation-timeline 动画时间线

前端动画新范式: CSS animation-timeline 动画时间线

前言 在 Web 开发中,动画不仅是提升用户体验的重要手段,更是实现信息层次、引导用户注意力和增强交互反馈的核心工具。长期以来,前端动画主要依赖两种机制: * CSS Transitions / Animations:基于时间的声明式动画; * JavaScript 驱动的动画(如 requestAnimationFrame):基于逻辑控制的过程式动画。 然而,这两种方式都默认绑定于文档时间线(Document Timeline)——即从页面加载开始计时的绝对时间轴。这使得动画难以与用户的滚动行为、视口变化等上下文状态直接关联,往往需要借助 Intersection Observer、scroll 事件监听器等复杂逻辑来实现“滚动驱动动画”,不仅代码冗余,还容易引发性能问题。 为解决这一痛点,W3C 提出了 Animation Timeline(动画时间线) 的新规范,并通过 CSS 属性 animation-timeline 和 Web Animations API 的 timeline