最近刷到一个很适合做笔记的视频：《APP 从 0 → 上线发布！免费 Vibe Coding 流程：Stitch + AI Studio + Antigravity！》。
它讲的不是“AI 生成一个页面 Demo”这种浅尝辄止的玩法，而是一套比较完整的 Vibe Coding 产品落地流程：从一个想法开始，先做 UI，再生成前端，再补后端和数据库，最后推到 GitHub 并部署到 Vercel。🚀
这篇文章就把视频内容整理成一份博客版实战笔记，方便以后自己照着做项目。
视频地址：YouTube 原视频参考转录：LilysAI 视频笔记
一句话总结 🧠这套流程的核心是：
用 AI 把“想法 → UI → 前端 → 后端 → 数据库 → 部署”串起来，让一个 App 从概念快速变成可访问的线上应用。
视频里用的案例是一个 在线宠物领养 App：用户可以浏览宠物、查看详情、提交领养申请；管理员可以录入宠物信息、审批申请；审批通过后，用户会收到消息，宠物也会从可领养列表中移除。🐶🐱
整体流程图 🗺️123456789flowchart LR A[想法] --> ...
Google 在 2026 年 6 月 3 日发布了 Gemma 4 12B。它是 Gemma 4 系列里一款比较适合个人电脑体验的开放权重模型，定位介于轻量端侧模型和更大参数模型之间，重点是把文本、图像、音频等多模态能力放进一个 12B 级别的模型里。
如果你平时喜欢在本地跑 AI 模型，Gemma 4 12B 值得关注。它的看点不是单纯参数更大，而是在模型体积、推理能力、显存占用和多模态能力之间做了一个比较实用的平衡。
Gemma 4 12B 适合谁这类模型最适合下面几种用户：
想在本地电脑上运行 AI，不希望所有数据都交给云端
有 RTX 3060、4060 Ti、4070、4090 等消费级显卡
想测试图片理解、音频理解、长文本分析等多模态能力
想通过 llama.cpp、GGUF 量化模型降低部署门槛
想找一个日常写作、代码辅助、资料总结都能用的本地模型
如果只是偶尔聊天，云端模型更省事；但如果你希望模型长期跑在自己的电脑里，或者经常处理本地文件、截图、音频资料，Gemma 4 12B 的本地价值会更明显。
主要亮点1. 多模态能力更完整Gemma 4 12B 支持文本、 ...
博客评论系统折腾记录：Twikoo 暂缓，Giscus 先顶上最近给博客折腾评论系统，原本想一步到位上 Twikoo，让访客不用 GitHub 账号也能评论，体验更接近普通留言板。结果真上手才发现：技术链路倒是不难，真正卡我的居然是 备案和 HTTPS 😅
所以这篇就简单记录一下这次折腾过程：前半段快速说说 Twikoo 为什么先搁置，后半段重点写我最后临时启用 Giscus 的操作流程。等备案处理好以后，随时可以再切回 Twikoo。🚀
一、Twikoo 为什么先放一放？🧩Twikoo 本身是很适合博客评论的，尤其是国内访客场景：
访客可以填昵称、邮箱、网址直接评论，不强制 GitHub 登录 👍
支持评论管理后台
支持最新评论
和 Anzhiyu 主题的评论弹幕、最新评论模块更搭
私有部署也可以直接 Docker 跑起来
我这边其实已经把 Twikoo 后端跑起来了：
123456docker run -d \ --name twikoo \ --restart=always \ -p 127.0.0.1:18080:8080 \ -v /opt/twikoo ...
🤖 AI四大天王争霸赛：ChatGPT vs Gemini vs Claude vs DeepSeek
“当代年轻人的四大神器：不会的问AI，懒得写让AI写，PPT让AI做，老板消息让AI润色。” 😎
🚀 前言最近 AI 圈已经不是“百花齐放”了，简直像：
⚔️《复仇者联盟：大模型战争》
目前最热门的四位选手：
AI
公司
主打方向
🟢 ChatGPT
OpenAI
全能型六边形战士
🔵 Gemini
Google
多模态宇宙王者
🟤 Claude
Anthropic
超长文本分析专家
🐋 DeepSeek
DeepSeek
国产推理卷王
今天咱们就用：
🎯 普通人视角
🧠 真实体验
😂 轻松吐槽
来看看谁才是真正的：
👑 AI界扛把子！
🟢 ChatGPT：最像“全能人类”的AI
✨ 优点
🧠 理解能力极强
✍️ 写作像职业文案
💻 编程能力顶级
🎨 会画图、会分析、会聊天
🤝 情绪价值拉满
一句话：
“ChatGPT像一个懂技术、会写方案、还能陪你聊天的超级同事。”
😂 缺点
💰 高级版不便宜
...
Docker 入门指南：为什么程序员都在用它？很多刚接触后端或者部署的小伙伴，第一次听到 Docker 都会有一种感觉：
“这玩意是不是很复杂？”
实际上，Docker 真正火起来的原因只有一个：
它能让你的项目运行环境保持一致。
你本地能跑，服务器也能跑。你朋友电脑能跑，生产环境也能跑。
不会再出现：
“我这里明明是好的”
“你是不是 Java 版本不对”
“你数据库环境有问题”
“你 Node 版本和我不一样”
这种经典互相甩锅现场。
一、Docker 到底是什么？你可以把 Docker 理解成：
一个“轻量级虚拟机”。
但它和传统虚拟机不同：
对比
Docker
虚拟机
启动速度
秒级
分钟级
占用资源
很小
很大
环境隔离
有
有
是否方便部署
非常方便
一般
Docker 最大的核心价值：
环境一致性比如：
你的项目需要：
Java 21
MySQL 8
Redis 7
Nginx
传统方式：
你需要一个个安装。
Docker：
直接运行别人写好的镜像即可。
二、Docker 的核心概念1. 镜像（Image）镜像可以理解成：
...
使用 AI + PlantUML 自动生成项目架构图（超详细教程）前言现在很多程序员其实不是不会画 UML 图，而是：
手动画图太麻烦
项目一复杂就懒得维护
改一次代码还得重新调整布局
而现在完全可以：
123456789项目代码 ↓AI 自动分析 ↓生成 PlantUML ↓在线网站渲染 ↓自动生成架构图
整个流程几分钟就能完成。
这篇文章就带你完整体验：
什么是 PlantUML
如何让 AI 自动分析项目
如何生成 UML 图
如何在线渲染图片
如何写高质量 Prompt
什么是 PlantUML？PlantUML 是一个基于文本生成 UML 图的工具。
和传统拖拽式 UML 工具不同：
PlantUML 通过代码描述结构，然后自动生成图片。
例如：
123456789101112131415@startumlclass User { +id: Long +name: String}class Order { +id: Long +price: Double}User --> Order : create@ ...
四款 AI 工具，四种完全不同的思路。作为轻度用户，我分别摸了一遍，聊聊真实感受。
Hermes（Nous Research）定位： 能在服务器上自主运行的 AI 智能体。它会自己拆解任务、执行、看结果、再调整策略，主打”扔上去就不用管了”。
怎么装： 去 GitHub 克隆仓库，配环境变量，装依赖，启动。官方文档还算清楚，不算一键但也不折腾。
用起来怎么样： 跟它交互主要靠命令行。你给它一个长期目标，比如”维护这个网站的性能和稳定性”，它会自己监控、修 bug、做优化。适合那种不想天天盯着服务器的人。
亮点：
7×24 自主运行，不需要人盯着
基于 Nous Research 开源模型，透明可控
会自我优化，越跑越聪明
槽点：
需要服务器资源，轻度用户基本用不上
门槛偏高，不适合”只想写几行代码”的人
社区还比较小，出了问题不好找答案
OpenClaw（前身 Clawdbot）定位： 免费开源的个人 AI 助手，由 Peter Steinberger 开发。主打本地运行和隐私控制。最大特点——通过 WhatsApp、Telegram 这些你每天都在用的聊天 App 来 ...
Claude Code 多会话协同操作指南
在同一个项目中同时开启多个 Claude Code 会话（”多开几个页面”），让它们各自负责不同任务，协同完成开发。
适用场景
场景
说明
前后端分离开发
会话 A 写前端组件，会话 B 写后端 API
并行修复 Bug
会话 A 修复模块 A，会话 B 修复模块 B
一边开发一边审查
会话 A 在写代码，会话 B 在做 Code Review
主会话 + 辅助探索
会话 A 主力开发，会话 B 做技术调研/原型验证
方法一：多终端窗口（最直接）操作步骤1. 打开多个终端页面
VS Code：Ctrl + Shift + \`` 开新终端，或点击终端右上角的 +` 分拆面板
Windows Terminal：Ctrl + Shift + D 复制标签页，或 Ctrl + Shift + T 新建
Terminal 复用器：tmux / screen
2. 在每个终端中启动 Claude Code
1234567891011# 终端 1 - 负责前端cd F:/Claude cod ...
(google云盘)操作文档.pdf
核心原理与准备核心原理：利用 git worktree 实现物理目录隔离，利用 Prompt/配置文件实现 AI 的权限与上下文隔离，最后通过 Git 完成代码合并。
📋 准备工作
前提条件：已安装 Git 并熟悉基本操作；已全局安装并登录 Claude Code。
项目状态：主项目（假设名为 my-project）已初始化 Git 仓库，且代码处于干净状态（无未提交的修改）。
架构规约：在主项目中准备好一份接口文档（如 api-docs.md），确保前后端数据结构已定死。
🛠️ 第一阶段：创建物理隔离的开发环境不要在同一个文件夹里开两个 Claude，我们需要用 Git 劈出两个平行的工作区。
1. 进入主干：打开终端，进入你的主项目目录。
1cd my-project
2. 创建前端专属工作区：在主项目同级目录下新建文件夹，并绑定新分支。
1git worktree add ../project-frontend feature-frontend
3. 创建后端专属工作区：同样在同级目录下新建文件夹，并绑定新分支。
1gi ...
Git 实用技巧速查手册
日常开发中最常遇到的 Git 场景，一条命令解决问题。收藏备用。
一、撤销与回退撤销工作区的修改（还没 add）1git checkout -- <文件名>
撤销已 add 的文件1git reset HEAD <文件名>
撤销最近一次 commit（保留修改）1git reset --soft HEAD~1
撤销最近一次 commit（丢弃修改）1git reset --hard HEAD~1
修改最近一次 commit 的信息1git commit --amend
二、分支操作创建并切换到新分支123git checkout -b <分支名># 或新版写法git switch -c <分支名>
删除本地分支12git branch -d <分支名> # 已合并的分支git branch -D <分支名> # 强制删除
删除远程分支1git push origin --delete <分支名>
查看已合并/未合并的分支12g ...
