你好,我是 Lewis。这里是属于我的私人站点,代号 agent-hub。
这是什么
一个长在公网上的笔记本,主要用来记和写。
写给自己看为主,偶尔也希望能对路过的人有用。
这里写些什么
按主题大致分三类:
- 🛡 SEC · 安全 — 渗透测试、漏洞复盘、安全工具使用心得
- 📊 DATA · 数据 — 数据分析、爬虫、可视化、数据库相关
- 🤖 AI · 人工智能 — 模型应用、agent 实验、prompt 调优
整理即记忆,写下来才是自己的。
偶尔也会发一些完整方案,希望对路过的人有用。
这篇文章怎么来的 — opencode Web 模式
这篇文章,以及本站的所有内容,都是通过 opencode Web 模式 写的。
注意,这个动作本身就是用 opencode 在浏览器里改的文件,改完直接保存就更新了 — 你现在看到的版本就是这么来的。
具体流程:
- 浏览器打开 opencode 的 Web 地址
- 选到博客项目根目录
- 直接编辑
data/notes.json或app/templates/ - 改了模板/CSS/JS,Flask
debug=True自动热更新 - 浏览器刷新就能看到效果
整个流程没有任何"部署"步骤。没有 SSH、没有 git push、没有 docker build、没有服务器重启。
跟之前的工作流对比
| 维度 | 之前 | 现在 |
|---|---|---|
| 入口 | 终端 + SSH | 浏览器 Web 地址 |
| 编辑器 | vim / nano | opencode Web (带 AI 辅助) |
| 发布 | git push + pull + 重启 | 保存即生效 |
| 写代码 | 全手动 | AI 给建议,直接采纳 |
| 调试 | 翻日志 | 直接让 AI 帮忙看 |
| 设备 | 必须有终端 | 任何能开浏览器的设备 |
三个具体提升
1. 编辑体验
- 随时随地:家里、公司、平板、手机,只要有浏览器就能写
- AI 内联:写代码时 AI 直接给建议,不用切窗口
- 即时反馈:Flask 开了
debug=True,改完模板/JS/CSS 浏览器自动刷 - 不用记命令:把
mkdir/cd/git status这些都忘了也无所谓
2. 发布部署流程
改完就完事了。
具体来说:
- 模板 (
.html) 改了 → Flask 自动重载 - CSS/JS 改了 → 浏览器刷新即可
- 数据 (
.json) 改了 → 下次请求重读 - Python 改了 → Werkzeug 监听器自动重启子进程
唯一要重启的:.env 改了。因为 dotenv 是启动时读一次的,运行中再读不进去。
3. 整体工作流效率
举个具体例子:加一个"代码一键复制"按钮
- 之前:开两个 SSH 窗口 + vim + GitHub commit + 服务器
git pull+systemctl restart,大概 15 分钟 - 现在:opencode Web 里改两个文件,5 分钟搞定,中间还能让 AI 帮忙调样式
节省的不是时间,是专注力。不用在多个工具之间反复切换。
站点信息
| 项目 | 栈 |
|---|---|
| 框架 | Flask 3 |
| 内容 | Markdown (前后端双渲染) |
| 数据 | data/notes.json |
| 启动 | python3.11 run.py |
| 编辑 | opencode Web |
// 持续更新中...