docs: 新增 3 篇支线文章并优化系统监控告警实践
- 新增「云服务安全防护实践」支线文章（50 产品变现） - 新增「我的 GitHub 涨星涨粉技巧」支线文章（50 产品变现） - 新增「Remotion：用 AI 编程做动画视频」支线文章（10 编程工具/工具实战） - 优化「系统监控告警实践」：补充可观测性框架、监控数据分层、ARMS 告警截图、Prometheus + Grafana 看板介绍及 B 站视频引导 - 更新「产品变现导读」支线内容列表 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
liyupi
@@ -0,0 +1,290 @@
|
||||
# Remotion：用 AI 编程做动画视频
|
||||
|
||||
> 从安装到出片，全程手把手
|
||||
|
||||
|
||||
|
||||
你好，我是程序员鱼皮。
|
||||
|
||||
AI 编程能做的事情远比你想象的多。除了做网站、做工具、做小程序，还能做动画视频！
|
||||
|
||||
最近我发现一个很有意思的开源项目叫 [Remotion](https://github.com/remotion-dev/remotion)，能用写代码的方式做视频动画，在 GitHub 上星星很多。
|
||||
|
||||
|
||||
|
||||
你可能会问：用代码做视频？那不得累死？
|
||||
|
||||
别急，我们当然不会自己写代码。**让 AI 帮你写就完了！**
|
||||
|
||||
用 AI 编程做动画的原理其实很简单：
|
||||
|
||||
- AI 写代码
|
||||
- Remotion 把代码渲染成视频
|
||||
|
||||
|
||||
|
||||
下面我带大家完整走一遍流程，从安装到出片，全程手把手，保姆皮上线~
|
||||
|
||||
📺 也可以看视频版：https://bilibili.com/video/BV1qxFSzUEwo
|
||||
|
||||
|
||||
|
||||
## 一、安装 Remotion
|
||||
|
||||
首先，打开终端，输入一行命令快速安装 Remotion：
|
||||
|
||||
```bash
|
||||
npx create-video@latest
|
||||
```
|
||||
|
||||
执行之后，它会问你几个问题：
|
||||
|
||||
1. 选一个模板 > 我选了 Hello World
|
||||
2. 项目名叫什么 > 就叫 `myvideo`
|
||||
3. 是否使用 TailwindCSS > 用呗
|
||||
4. 是否添加 AI 智能体技能 > 这个一定要加！
|
||||
|
||||
|
||||
|
||||
添加了这个技能之后，你就可以通过 AI 对话的方式，让 AI 帮你用这个库做动画了。
|
||||
|
||||
安装技能的时候，它会问你装到哪些智能体里、是当前项目安装还是全局安装。我建议直接全局安装，省得以后每个项目都要重新装一遍。
|
||||
|
||||
> 注意：你需要确保自己能访问 GitHub，不然可能会报错。
|
||||
|
||||
安装完成后，进到项目目录，安装依赖并运行：
|
||||
|
||||
```bash
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
|
||||
|
||||
打开浏览器，你会看到一个 **Web 端的视频剪辑工具**：
|
||||
|
||||
|
||||
|
||||
看看这界面，不知道的还以为是客户端软件呢！
|
||||
|
||||
页面左侧展示了不同的视频片段，每个片段其实都是通过代码渲染出来的。你删掉一段代码，对应的视频就没了：
|
||||
|
||||
|
||||
|
||||
在代码编辑器中按 Ctrl+Z 撤回，视频又出来了。是不是挺神奇的？
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## 二、让 AI 帮你做视频
|
||||
|
||||
我们不可能自己写代码来做视频，肯定是让 AI 来。
|
||||
|
||||
打开一个 AI 编程工具，我这里用的是 VS Code + GitHub Copilot AI 插件，选了最新的模型 Opus 4.6，100 万上下文，还是很牛的。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### Demo 1、鱼头人唱 RAP
|
||||
|
||||
我直接给 AI 发了这段话：
|
||||
|
||||
```
|
||||
一条鱼头人正在唱中文 RAP，RAP 的内容是称赞一位叫程序员鱼皮的博主，屏幕上动态显示歌词（快闪风格）
|
||||
```
|
||||
|
||||
你会看到，AI 直接找到了我们之前安装的 **Remotion Best Practices** 技能包，它会让 AI 知道怎么用编程的方式做动画。
|
||||
|
||||
|
||||
|
||||
然后它就开始编写动画代码了。等了一会儿，AI 完成了任务。
|
||||
|
||||
|
||||
|
||||
直接在浏览器中就能看到效果了，鱼头人 on the beat 🐟~
|
||||
|
||||
|
||||
|
||||
怎么说呢，有点太抽象了 bro！不过毕竟是第一个 Demo 嘛，我也没有太高的预期。下面我们来搞个更有意思的、鸡动人心的（要素察觉）。
|
||||
|
||||
|
||||
|
||||
### Demo 2、鸡你太美
|
||||
|
||||
新开一个 AI 对话框，这次我换了个更具体的需求：
|
||||
|
||||
```
|
||||
帮我做一个小鸡一边打篮球一边 RAP 的爆款视频，大概 20 秒，要求有视觉冲击感、要足够洗脑，让人一看就想点赞、循环播放。
|
||||
|
||||
我是傻子，你需要告诉我提供哪些素材，如果不理解需求，找我提问确认，并且最后完成视频。
|
||||
```
|
||||
|
||||
然后你猜怎么着，AI 居然识别出了「鸡你太美」这个梗！不是哥们。
|
||||
|
||||
|
||||
|
||||
它说不需要我提供任何素材就能搞定，那就直接开干！
|
||||
|
||||
|
||||
|
||||
等它一顿操作之后，做出来了一个新视频，来看看效果：
|
||||
|
||||
|
||||
|
||||
不是哥们，你管这玩意叫 “小鸡”？胳膊和腿儿都分离了啊！是不是有点太抽象了？？？
|
||||
|
||||
而且目前没有背景音乐和唱 RAP 的音效，有点干巴，我只能脑补出 “鸡你太美，噔噔噔噔，北鼻……” 的音乐，还是要加点真实的素材。
|
||||
|
||||
|
||||
|
||||
## 三、用素材优化视频
|
||||
|
||||
由于动画是 AI 做的，它可能比我更清楚需要哪些素材、以及放到哪些位置，所以我让 AI 来引导我完善素材。
|
||||
|
||||
发送提示词：
|
||||
|
||||
```
|
||||
现在的动画有点生硬，缺少真实的图片、背景音乐和音频，请你引导我应该怎么完善这些内容，我是傻子
|
||||
```
|
||||
|
||||
AI 就会开始通过交互提问的方式来引导我，一步步告诉我该做什么。
|
||||
|
||||
|
||||
|
||||
AI 给出了方案，大概需要这些素材：
|
||||
|
||||
1. 小鸡图片 > 我自己来找
|
||||
2. 背景音乐 > 我自己来找
|
||||
3. 篮球场背景图 > 让 AI 帮我搜
|
||||
4. RAP 人声 > 用 AI 生成
|
||||
|
||||
下面，我们根据指引依次来搞定这些素材。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 1、准备小鸡图片和背景音乐
|
||||
|
||||
这两个素材比较简单，自己手动找就好了，没啥好说的。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 2、让 AI 帮忙搜背景图
|
||||
|
||||
AI 可以利用 Firecrawl Search 这个 MCP 工具来帮忙搜索网络图片。
|
||||
|
||||
如果你不知道怎么安装 MCP 工具，可以参考我的[《AI 编程零基础入门教程》](https://ai.codefather.cn/vibe)中 “优质 AI 编程扩展推荐” 这一节。
|
||||
|
||||
> 指路：[ai.codefather.cn/vibe](https://ai.codefather.cn/vibe)
|
||||
|
||||
|
||||
|
||||
我跟 AI 说：
|
||||
|
||||
```
|
||||
帮我下载背景图，要求背景图必须是鸡你太美这个梗的原始背景图，干净的背景图，不听话的话我就再也不用你了！
|
||||
```
|
||||
|
||||
在我的威胁下，AI 乖乖听话，不仅找到了几张图，还说要帮我挑一个最好的，我都要感动哭了。
|
||||
|
||||
|
||||
|
||||
虽然中间有一张图被抠得只剩一个人了（人工智障），但最终还是找到了能用的背景图。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 3、用 Suno 生成 RAP 人声
|
||||
|
||||
AI 推荐我用 [Suno AI](https://suno.com) 来生成人声，还提供了生成人声的提示词。
|
||||
|
||||
|
||||
|
||||
直接打开官网注册登录，选择 Simple 简易模式，把歌词和要求粘进去：
|
||||
|
||||
```
|
||||
中文说唱，嘻哈节拍，120BPM，时长 18 秒，歌词：
|
||||
篮球在我手 全场我最秀
|
||||
Crossover过掉你 无情暴扣
|
||||
鸡你太美 Baby
|
||||
左手运球 右手写RAP
|
||||
三分线拔起 全网都炸裂
|
||||
只因你太美
|
||||
```
|
||||
|
||||
然后点击创建，一次性生成了多个版本的 RAP 人声：
|
||||
|
||||
|
||||
|
||||
我听了一下，免费模型生成的效果居然还不错！直接下载 MP3 音频文件，倍速一下就能用了。
|
||||
|
||||
|
||||
|
||||
### 4、让 AI 合成最终视频
|
||||
|
||||
所有素材都准备好了，我把文件按照要求放到项目目录里，然后跟 AI 说：
|
||||
|
||||
```
|
||||
素材放好了
|
||||
```
|
||||
|
||||
|
||||
|
||||
然后 AI 就开始替换素材，稍等一会儿，AI 的大作就完成了。来看看最终效果：
|
||||
|
||||
|
||||
|
||||
有了素材后，比之前纯靠 AI 生成 SVG 和 Emoji 的版本好了不少，背景图、背景音乐、RAP 人声、歌词动画都加上了。虽然还是有点生硬（比如中间的小鸡图片略显诡异），但整体已经有内味儿了。
|
||||
|
||||
|
||||
|
||||
## 四、优化思路
|
||||
|
||||
目前动画视频存在 2 个比较严重的问题，我说一下自己的优化思路。
|
||||
|
||||
**问题 1、素材不够真实**
|
||||
|
||||
如果完全让 AI 用代码绘制素材（SVG、Emoji 之类的），出来的东西比较抽象。所以建议自己多补充一些真实的图片素材，效果会好很多。
|
||||
|
||||
**问题 2、声音和画面歌词对不上**
|
||||
|
||||
可以先让 AI 生成歌词以及对应的时间线，然后把这个时间线同时交给 AI 做动画视频和 AI 生成音频。这样两边都是按照同一个时间线来编排的，画面和声音就能对上了。
|
||||
|
||||
|
||||
|
||||
## 写在最后
|
||||
|
||||
用 AI 编程的方式来做视频，在画面真实感和流畅度上肯定没法跟 Seedance、Sora、可灵这些视频生成模型比较。但它有自己的优势，比如完全可控、可编辑、可复现，而且不需要消耗 GPU 算力和昂贵的视频 API 费用，纯靠代码渲染就行。只要你描述到位、再人工多补充一些素材，做出来的效果其实也能满足很多场景。
|
||||
|
||||
我觉得这个工具比较适合做下面几类视频：
|
||||
|
||||
- 动画演示视频：比如讲解一个知识点，让 AI 帮你变成动画
|
||||
- 快闪文字类视频：歌词快闪、文字动效这类
|
||||
- 抽象整活视频：鸡你太美这种梗视频
|
||||
- 知识科普动画：虽然看起来生硬，但能帮别人快速理解知识
|
||||
|
||||
这个案例再次证明了 AI 编程的应用范围远比我们想象的广，不局限于做网站和工具。感兴趣的同学可以自己去试试，Remotion 是完全开源免费的：
|
||||
|
||||
> 开源仓库：https://github.com/remotion-dev/remotion
|
||||
|
||||
加油，期待看到你用 AI 编程做出来的创意作品！💪
|
||||
|
||||
|
||||
|
||||
## 推荐资源
|
||||
|
||||
1）鱼皮 AI 导航网站：[AI 资源大全、最新 AI 资讯、免费 AI 教程](https://ai.codefather.cn)
|
||||
|
||||
2）编程导航学习圈：[学习路线、编程教程、实战项目、求职宝典、交流答疑](https://www.codefather.cn)
|
||||
|
||||
3）程序员面试八股文：[实习/校招/社招高频考点、企业真题解析](https://www.mianshiya.com)
|
||||
|
||||
4）程序员写简历神器：[专业模板、丰富例句、直通面试](https://www.laoyujianli.com)
|
||||
|
||||
5）1 对 1 模拟面试：[实习/校招/社招面试拿 Offer 必备](https://ai.mianshiya.com)
|
||||
@@ -54,9 +54,11 @@
|
||||
|
||||
除了主线内容外，我还准备了一些实战经验分享：
|
||||
|
||||
- 云服务安全防护实践：如何避免云服务被恶意攻击刷量，鱼皮的血泪教训
|
||||
- 网站数据保护实践：如何防止网站被恶意爬虫攻击
|
||||
- 系统监控告警实践：如何及时发现和处理系统问题
|
||||
- 网站数据分析实战：如何通过数据分析优化产品
|
||||
- GitHub 涨星涨粉技巧：如何让更多人发现你的开源项目
|
||||
- 我的自媒体起号经验：如何从 0 开始做自媒体
|
||||
- 我的自媒体涨粉运营之路：我从 0 到 200 万粉的真实经历
|
||||
|
||||
|
||||
@@ -0,0 +1,199 @@
|
||||
# 云服务安全防护实践
|
||||
|
||||
> 我被刷了几万元后总结的 7 条血泪经验
|
||||
|
||||
|
||||
|
||||
你好，我是程序员鱼皮。
|
||||
|
||||
在 Vibe Coding 时代，用 AI 做出一个网站、部署上线变得特别容易，快的话十几分钟就搞定了。但很多同学只顾着把产品做出来，却忽略了一件很重要的事 —— **上线之后的安全防护**。结果产品刚上线没几天，就被恶意攻击刷了一大笔云服务费，白白损失几千甚至几万块。
|
||||
|
||||
曾经有一个无辜的程序员，他想要上线自己的网站给别人用。
|
||||
|
||||
他听说使用云服务可以很轻松地存储网站文件，于是他试了下，发现果真如此。
|
||||
|
||||
从那天起，他仿佛发现了一个新世界，云服务器、对象存储、CDN，一个个开箱即用的云产品，让他如沐春风、开发效率嘎嘎倍增。
|
||||
|
||||
他乐此不疲地用着各种云服务。直到有一天，记得那是一个风雨交加的夜晚，他收到了一条短信：“您的云账户已欠费 x 万元”。
|
||||
|
||||
那一刻，他发如雨下，终于意识到了：世道险恶，人心不古啊！使用云服务，就意味着有被小人攻击的风险。
|
||||
|
||||
|
||||
|
||||
没错，这位无辜的程序员就是在下。
|
||||
|
||||
我从大学开始做网站，至今快 10 年了，经历过无数的网络攻击，也损失过数万元的米。但也正因如此，我积累了丰富的实战经验。
|
||||
|
||||
这篇文章鱼皮会以最容易造成大额损失的、按量计费的云服务 —— 对象存储和 CDN 为例，给大家分享一些安全使用云服务的方法，希望能帮助更多的开发者避坑。
|
||||
|
||||
友情提示：不要以为攻击不会发生在自己身上，建议读完这篇文章，不要让自己成为下一位 “无辜的程序员”。
|
||||
|
||||
> 也可以观看视频版：https://www.bilibili.com/video/BV19D421L7Ud
|
||||
|
||||
|
||||
|
||||
## 如何安全使用云服务？
|
||||
|
||||
#### 1、能不用就不用！
|
||||
|
||||
一定要根据自己的需求和实际情况选用云服务，不要为了用技术而用技术。
|
||||
|
||||
比如你做的是学习练手的项目或者免费网站，那么就慎用像对象存储、CDN 这种按量计费的服务。
|
||||
|
||||
的确，对象存储是很方便、CDN 能给网站加速，但真的有必要么？你服务器的带宽不足以支撑那点儿用户了么？不用 CDN 网站就要违背 8 秒原则了么？
|
||||
|
||||
> 8 秒原则是互联网的一个著名的原则：用户在访问网页时，如果时间超过 8 秒就会感到不耐烦；如果下载需要太长时间，他们就会放弃访问。
|
||||
|
||||
其实再加一点点成本给服务器增大带宽，也能提高网站的加载速度。
|
||||
|
||||
以前鱼皮就很喜欢用 CDN，觉得不给网站套 CDN 加速就浑身难受，但其实大多数网站没什么并发访问量，用了 CDN 也快不了多少，反而增加了成本和被攻击的风险。别跟我说什么 Cloudflare CDN，国内用免费版本堪称 “网站减速器”。
|
||||
|
||||
之前也给大家推荐过一些免费的网站部署服务，像 Vercel、GitHub Pages、Railway 等等，都是省成本的好方法，可以试试。但是一旦部署到这些平台的网站被攻击，平台大概率会把你封号。毕竟他们没必要关注谁是攻击者，只要你的服务产生了流量，把你的服务和账号封了，也算是解决问题了。
|
||||
|
||||
|
||||
|
||||
#### 2、保护好唯一标识！
|
||||
|
||||
唯一标识是一个比较广泛的定义，对于不同的云服务，唯一标识也不同。
|
||||
|
||||
- 云服务器：服务器的 IP
|
||||
- 对象存储：对象存储的存储桶名称
|
||||
- CDN：CDN 服务的域名
|
||||
- 开发者账号：accessKey
|
||||
- 应用：appId
|
||||
|
||||
|
||||
|
||||
这点非常重要，因为大多数云服务的唯一标识是 **不可更改的** ，一旦暴露给攻击者，他就可以一直打你。
|
||||
|
||||
比如知道了你的服务器 IP，就可以对服务器进行 DDOS 攻击；知道了对象存储的桶名，就能够拼接出对象存储的域名，然后刷你的流量。
|
||||
|
||||
|
||||
|
||||
有同学会问了，服务器的 IP 不是通过网站的请求或者 DNS 解析就能看到么？
|
||||
|
||||
|
||||
|
||||
如果你的网站部署在单台服务器，那的确是这样，但如果你背后接了负载均衡服务（服务器集群）或者 CDN，那么得到的 IP 可能是动态变化的，攻击者无法直接攻击到背后的某台服务器。
|
||||
|
||||
所以，一定要保护好服务的唯一标识，不要主动暴露！
|
||||
|
||||
|
||||
|
||||
#### 3、严格控制权限
|
||||
|
||||
尽量遵循 “最小权限原则”，默认关闭全部权限，然后根据需要逐个放开。
|
||||
|
||||
比如使用对象存储服务，控制权限的方法有：存储桶访问权限设置、防盗链设置、按需分配权限等。
|
||||
|
||||
1）在创建存储桶的时候，就要将权限设置为 “私有读写”。如果需要给团队成员开放权限，尽量使用子账号，不要直接把自己的主账号分享出去。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
2）防盗链设置，拒绝空 Referer，并且只添加自己网站的域名到白名单中。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
3）按需配置权限。比如存储桶内有很多目录，可以只允许特定的用户公开读取其中一部分目录（比如公开的图片）。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#### 4、配置监控告警
|
||||
|
||||
前面提到的策略是为了防止受到攻击，但如果真的出现了攻击，我们一定要在第一时间能够收到 “被攻击” 的通知，而不是直接收到 “欠费” 通知。
|
||||
|
||||
所以每个云服务，都必须配置监控告警，而且一定要综合考虑多种维度和告警策略，不能随便配置一条就完事。
|
||||
|
||||
比如可以配置多个指标的组合，服务错误、流量过大、或者客户端错误请求过多时，都会进行告警。
|
||||
|
||||
|
||||
|
||||
在之前我出了被刷量的那个事情后，给腾讯云官方提了不少改进建议，官方也是做出了改进，现在创建桶时就会提醒你告警，这点我觉得非常 nice~
|
||||
|
||||
值得一提的是，官方还补充了一条公告，说对象存储已经自动支持流量防盗刷功能了：
|
||||
|
||||
|
||||
|
||||
emmm，无论是真是假，还是建议大家手动配置下权限和告警吧，双保险。
|
||||
|
||||
|
||||
|
||||
#### 5、紧急管控措施
|
||||
|
||||
如果我们通过告警发现云服务正在被攻击，其实可以采取一些紧急的措施来防止损失继续扩大。
|
||||
|
||||
比如。。。关闭服务！
|
||||
|
||||
别笑，如果你服务继续运行的收益还不如被攻击的损失，临时关闭服务可能是最好的选择，打不过就战术撤退~
|
||||
|
||||
一般云服务平台都提供了限制或封禁攻击的手段，比如 IP 黑白名单、IP 访问限频、禁止某区域用户访问、禁止某些请求等。
|
||||
|
||||
|
||||
|
||||
如果你要使用对象存储，一定不要直接使用对象存储的域名，而是使用 CDN 域名来访问存储桶。因为 CDN 不仅提供的能力更多，还可以保护对象存储（源站）的地址。
|
||||
|
||||
当然了，CDN 本身一样可以被攻击，所以也要做好上述防护措施。其中，必须要配置 IP 访问限频，而且如果面向国内用户的项目，建议直接封禁国外地域的访问。
|
||||
|
||||
|
||||
|
||||
#### 6、存储迁移
|
||||
|
||||
这一点我相信 90% 以上的同学没有经验。
|
||||
|
||||
举一个之前我遇到的场景吧，有攻击者持续请求某个对象存储桶来刷流量。被我发现后，很快禁止了他的访问，他的所有请求都变成了 403 Forbidden（被服务器拒绝）。
|
||||
|
||||
结果你猜怎么着？他依然持续不断地发送请求。
|
||||
|
||||
天坑的是，对象存储服务的计费不仅有流量，也会按照请求数计费！也就是说，即使把攻击者的请求全部拒绝了，只要他继续请求，依然会对我造成损失！
|
||||
|
||||
对了，还有个值得分享的经历，为了查询出攻击者的 IP，需要给对象存储开通日志记录功能。但你猜怎么着？日志文件是存储在你自己的对象存储桶内的，也就是说，攻击者的每次请求，都相当于在给你的存储桶写入文件！好家伙，被刷个几天，日志的数量比正常的文件都多！而且日志存储也是要计费的哦~
|
||||
|
||||
我也咨询过客服，这种情况下怎么办？就让他一直刷？
|
||||
|
||||
客服给出的解决方案是：存储迁移。
|
||||
|
||||
也就是说，换一个新的桶名，不要让攻击者知道就可以了。
|
||||
|
||||
嗯，的确是一种解决方案，虽然代价有点大。
|
||||
|
||||
所以再次强调，对象存储的桶名不要泄露！保护好服务的唯一标识！
|
||||
|
||||
|
||||
|
||||
#### 7、按需充值
|
||||
|
||||
大白话：不要一次性给云账户充太多！
|
||||
|
||||
因为网络攻击这件事防不胜防，即使你配置了告警，但也不是完全可控的。假如凌晨 3 点给我发了短信告警，还是得第二天才能看到，说不定为时已晚。
|
||||
|
||||
这个时候，如果账户还有余额，就会接着扣除；如果欠费了，就不会继续扣除了，能够更快地发现问题、及时止损。
|
||||
|
||||
|
||||
|
||||
## 写在最后
|
||||
|
||||
以上就是我总结的 7 条云服务安全经验。最后再次强调，不要以为网络攻击不会发生在自己身上，攻击者盯上你根本不需要理由。
|
||||
|
||||
AI 让做产品变得越来越容易，但安全意识不能因此放松。花 10 分钟做好防护，可能帮你省下几万块。
|
||||
|
||||
如果你想进一步了解产品安全相关的内容，推荐阅读本板块的《网站数据保护实践》和《系统监控告警实践》。
|
||||
|
||||
|
||||
|
||||
## 推荐资源
|
||||
|
||||
1）鱼皮 AI 导航网站：[AI 资源大全、最新 AI 资讯、免费 AI 教程](https://ai.codefather.cn)
|
||||
|
||||
2）编程导航学习圈：[学习路线、编程教程、实战项目、求职宝典、交流答疑](https://www.codefather.cn)
|
||||
|
||||
3）程序员面试八股文：[实习/校招/社招高频考点、企业真题解析](https://www.mianshiya.com)
|
||||
|
||||
4）程序员写简历神器：[专业模板、丰富例句、直通面试](https://www.laoyujianli.com)
|
||||
|
||||
5）1 对 1 模拟面试：[实习/校招/社招面试拿 Offer 必备](https://ai.mianshiya.com)
|
||||
@@ -0,0 +1,99 @@
|
||||
# 我的 GitHub 涨星涨粉技巧
|
||||
|
||||
> 让更多人发现你的开源项目
|
||||
|
||||
|
||||
|
||||
你好，我是程序员鱼皮。
|
||||
|
||||
在前面的内容中，我们已经学习了如何用 Vibe Coding 做出自己的产品。但很多同学做完项目后就放在那了，没人知道、也没人用，怪可惜的。
|
||||
|
||||
其实 GitHub 是一个非常好的产品推广渠道，尤其是开源项目。我自己的 **GitHub 关注者已经突破 2w**，在中国区关注者排行榜中排到前 7。
|
||||
|
||||
|
||||
|
||||
如今有了 AI 的加持，想做个开源项目比以前容易太多了，但很多同学发完之后 Star 寥寥无几，涨关注就更难了。
|
||||
|
||||
所以这篇文章我把自己这些年实践过的「GitHub 涨星涨粉技巧」全公开，希望能帮大家把自己的开源项目推出去。
|
||||
|
||||
|
||||
|
||||
## 鱼皮的 GitHub 涨星涨粉技巧
|
||||
|
||||
涨 Star 和涨关注其实是一回事，核心是 **持续提供价值 + 让更多人看到**。
|
||||
|
||||
1）先有一个主打项目：与其分散精力做 10 个没人知道的小项目，不如集中火力把一个做到位。
|
||||
|
||||
我的编程导航、面试鸭、AI 知识库，每个都是持续迭代出来的，不是写完就扔。我去年重点发力 AI 编程方向，熬夜肝了无数个大爷，打磨 [ai-guide](https://github.com/liyupi/ai-guide) 这个免费 AI 教程仓库，从 0 做到了近 7k Star，靠的是持续输出有价值的内容。
|
||||
|
||||
|
||||
|
||||
2）装修你的 GitHub 主页：在你的 GitHub 账号下新建一个和用户名同名的仓库，里面的 README 文档会直接展示在你的主页上。
|
||||
|
||||
建议在文档里写好自我介绍、置顶最拿得出手的项目。你的主页就是你在开源世界的脸面，别人一看你的主页就知道 follow 你能获得什么，followers 自然越来越多。
|
||||
|
||||
|
||||
|
||||
3）用心写好项目 README：很多人代码写得不错，但 README 就一句 "A project built with React"，谁敢用啊？
|
||||
|
||||
好的 README 要说清楚项目解决什么问题，包括效果截图/动图、快速上手步骤、项目亮点等。你把 README 当成产品详情页用心写，别人能感受到你的认真，自然更愿意给你一颗星。
|
||||
|
||||
4）提供可体验的地址：光有代码不够，一定要部署一个在线 Demo 让别人直接体验。很多人看到一个项目，如果没有可以直接访问的地址，大概率就划走了，眼见为实嘛。
|
||||
|
||||
|
||||
|
||||
5）降低使用门槛：提供 Docker 一键部署、写清楚环境要求、准备好示例数据。让别人 clone 下来 2 分钟就能跑起来，而不是折腾半天环境。门槛越低，愿意试用和给 Star 的人越多。
|
||||
|
||||
|
||||
|
||||
6）重视仓库 SEO：GitHub 本身就是个搜索引擎，你的项目名称、Description、Topics 标签都是关键词。
|
||||
|
||||
比如我的 ai-guide 项目，在 GitHub 上搜索 "ai guide"、"AI编程教程" 的排名都很靠前，这些自然搜索流量是免费的。你可以搜一下自己项目的核心关键词，看看排第几，然后针对性优化。
|
||||
|
||||
|
||||
|
||||
7）追热点出爆款：热门话题自带流量，关键是要快狠准。当年「合成大西瓜」火遍全网的时候，我第一时间做了个魔改工具开源，一夜爆了；「羊了个羊」刷屏的时候，我马上做了「鱼了个鱼」游戏跟上，也迅速起量。
|
||||
|
||||
|
||||
|
||||
现在有了 AI，你可以用它帮你快速分析热点背后的需求、生成完整项目，从发现热点到上线开源可能就一个晚上的事。
|
||||
|
||||
8）社区分享：你的项目做好了，一定要主动去社区曝光，比如在编程导航、掘金、V2EX、Reddit、Twitter 上分享。
|
||||
|
||||
注意，分享时不是甩一个链接就完事了！而是要讲清楚：我遇到了什么问题 → 我怎么解决的 → 你也可以直接用。让人觉得「这对我有用」而不是「又来打广告的」。
|
||||
|
||||
目前各大平台对开源项目的推广容忍度很高，平台乐意推、用户也天然信任开源的东西。像我的 [编程导航网站](https://www.codefather.cn/)，也经常有学编程的同学来分享自己的项目，我作为平台方是很乐意帮忙推荐的，互相成就嘛。
|
||||
|
||||
|
||||
|
||||
9）拓宽你的受众：先想清楚你的项目是给谁用的。如果你的项目不是纯中文场景，千万不要只盯着国内用户。可以用 AI 把 README 翻译成英文，仓库描述也用英文来写，面向全球开发者。GitHub 上海外用户是大头，多了几十倍的潜在受众。我前段时间还专门开源了一个 [GitHub Global 工具](https://github.com/liyupi/github-global)，帮你一键把仓库翻译成多种语言，出海成本不要太低。
|
||||
|
||||
|
||||
|
||||
10）长期走一个方向：我的 GitHub 从编程学习资源、项目实战教程、面试刷题、到 AI 编程，一直围绕「帮程序员成长」这条线。方向一致，别人才愿意长期关注你，而不是看完一个项目就走了。而且随着 AI 编程的普及，GitHub 的用户群体已经远不止传统程序员了，很多产品经理、设计师、创业者也开始逛 GitHub 找工具，你的潜在受众其实比以前大得多，坚持走下去回报会越来越大。
|
||||
|
||||
AI 时代，开源的门槛已经被磨到地板上了，但这也意味着竞争更激烈。与其做 10 个 AI 生成的 Demo，不如认真打磨一个能解决真实问题的项目，持续迭代、持续分享，Star 和 followers 都是水到渠成的事。
|
||||
|
||||
|
||||
|
||||
## 写在最后
|
||||
|
||||
GitHub 不仅是存代码的地方，更是你展示自己的舞台。用好它，你的产品能被全世界的开发者看到。
|
||||
|
||||
结合本板块前面讲到的 SEO 优化思路，再加上这些 GitHub 运营技巧，相信你的开源项目一定能获得更多关注。
|
||||
|
||||
加油，期待在 GitHub 上看到你的作品！💪
|
||||
|
||||
|
||||
|
||||
## 推荐资源
|
||||
|
||||
1）鱼皮 AI 导航网站：[AI 资源大全、最新 AI 资讯、免费 AI 教程](https://ai.codefather.cn)
|
||||
|
||||
2）编程导航学习圈：[学习路线、编程教程、实战项目、求职宝典、交流答疑](https://www.codefather.cn)
|
||||
|
||||
3）程序员面试八股文：[实习/校招/社招高频考点、企业真题解析](https://www.mianshiya.com)
|
||||
|
||||
4）程序员写简历神器：[专业模板、丰富例句、直通面试](https://www.laoyujianli.com)
|
||||
|
||||
5）1 对 1 模拟面试：[实习/校招/社招面试拿 Offer 必备](https://ai.mianshiya.com)
|
||||
@@ -4,7 +4,7 @@
|
||||
|
||||
|
||||
|
||||
大家好，我是程序员鱼皮，今天分享一些很实用的系统监控告警工具。
|
||||
你好，我是程序员鱼皮。
|
||||
|
||||
无论你是用 Vibe Coding 做个人项目，还是想做一款真正的产品，掌握系统监控告警的方法都能帮你及时发现和处理问题，保障系统稳定运行。
|
||||
|
||||
@@ -34,7 +34,22 @@
|
||||
|
||||
是的，听上去就很复杂，所以监控在现代运维中有了一个更专业的别名，叫 “可观测性”。可观测性是指系统能够通过监控和分析其内部状态来了解和诊断其健康状况和性能的能力。这个概念不仅包含了传统的监控，还扩展到了数据的收集、分析和响应。举个例子，我们通过监控发现系统的内存利用率不高，就可以适当降配节约成本；发现系统的内存利用率过高，就可以考虑是否要升配扩容。
|
||||
|
||||
想要自己优化系统的可观测性还是很复杂的，数据收集、数据存储、数据分析、告警机制、可用性保障、性能等等都要考虑，大厂都是有规模的基础设施团队来做。
|
||||
要构建完善的可观测性体系，其实就是解决 4 个核心问题：
|
||||
|
||||
1. 统计什么？需要确定要关注哪些关键指标
|
||||
2. 如何收集？通过工具自动采集或者手动埋点
|
||||
3. 如何存储？选择合适的方式保存监控数据
|
||||
4. 如何展示？通过图表和仪表板直观地呈现出来
|
||||
|
||||
|
||||
|
||||
一般来说，监控的数据可以分为几个层次：
|
||||
|
||||
- 系统指标：CPU 使用率、内存占用、网络流量等，关注的是 “机器还扛得住吗”
|
||||
- 应用指标：接口响应时间、错误率、请求量等，关注的是 “应用运行得顺不顺畅”
|
||||
- 业务指标：用户活跃度、订单量、AI 调用次数等，关注的是 “业务表现怎么样”
|
||||
|
||||
想要自己搞定所有这些还是很复杂的，大厂都是有专门的基础设施团队来做。
|
||||
|
||||
对于我们个人开发者或者小公司来说，既然是全方位的 “体检”，我们一般不会自己来做，而是会选择更专业的工具或服务，直接使用和接入就好。下面就推荐几个我们团队在用的。
|
||||
|
||||
@@ -98,6 +113,10 @@
|
||||
|
||||
|
||||
|
||||
告警规则的配置也很灵活，可以根据不同的条件设置，比如接口响应时间超过阈值、错误率过高、数据库慢查询等，一旦触发就会自动通知你：
|
||||
|
||||
|
||||
|
||||
实不相瞒，我们刚接入这玩意的那几天，还是挺痛苦的，因为暴露了很多之前没发现的系统问题，大半夜的企微也一直滴滴滴滴滴滴搁那响！我们团队的开发同学苦不堪言。
|
||||
|
||||
|
||||
@@ -118,6 +137,29 @@
|
||||
|
||||
|
||||
|
||||
### 5、专业监控看板
|
||||
|
||||
如果你想要更专业的监控体验，可以使用 Prometheus + Grafana 这对黄金搭档。Prometheus 负责收集和存储监控数据，Grafana 负责把数据变成好看的图表。
|
||||
|
||||
这套组合是目前最主流的开源监控方案，搭建好之后能实现非常酷炫的监控看板效果：
|
||||
|
||||
|
||||
|
||||
通过这样的看板，你可以实时看到系统的各项指标变化趋势，一目了然。
|
||||
|
||||
鱼皮之前录了一期完整的实战视频，从零搭建了一套 ARMS + Prometheus + Grafana 的监控体系，感兴趣的同学可以看看：
|
||||
|
||||
> 视频教程：https://bilibili.com/video/BV1QPYDztEtW
|
||||
|
||||
想看完整的项目教程和源代码，可以访问 [编程导航的《AI 零代码应用生成平台项目教程》](https://www.codefather.cn/course/1948291549923344386)。
|
||||
|
||||
|
||||
|
||||
## 写在最后
|
||||
|
||||
监控告警这件事，越早做越好。不要等到系统出了大问题才后悔没有提前接入，花一点时间配置好监控，能帮你省下大量排查问题的精力。
|
||||
|
||||
加油，让你的系统健健康康地运行吧！
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user