Top Tweets for #004a

1 day ago

ESCALATING: Hurricane Polo has intensified to Cat 1, sustained winds now 81 mph — up from tropical storm strength since our last update. Position: 15.3N 103.0W. Continuing to strengthen. (NHC Advisory #004a)

小毛哥SuperMao （苏北薄肌币圈嘻哈歌手 & 超级个体）

@supermao

10 months ago

🧘‍♂️ <超级个体 Vibe Coding 零基础教程> #004A 终于实战篇！五分钟 vibe 出一个大 V 都会有的创作者博客 & 个人网站 🐱Vibe blog 成果展示： https://t.co/sVS6Wcfnc8 🌟定位：对「写作型超级个体」非常重要的创作者展示静态网页！非常适合走向「体系化」！很多人一想到「个人博客」还停留在 WordPress 那个年代。要懂一些理论，然后可能配插件，然后被各种后台问题消耗掉动力，最后文章没写几篇，人已经被搞到心累。过时啦！但到了 2025 年，我们已经可以 Vibe Everything，有了更适合超级个体的组合： - Astro → 专门为博客和内容站设计的前端框架 - GitHub Pages → 免费托管静态网页 - Cloudflare → 域名和加速 - 再加上全程的 AI 助手（我用了 ChatGPT 当产品经理加 Claude Code 作为首席开发的组合）大概五分钟就能 vibe 出一个类似 https://t.co/WzEkiSVYj7 的个人作品博客雏形，如果你坐下来认真折腾，大概 3～4 小时，就可以有一个能长期承载你的作品的个人站。这一期，我想做的事情很简单：帮你把「个人博客」从一个技术问题，变成一场审美和世界观的练习。一、为什么不再从 WordPress 开始先说结论，用一句话总结我这几年的感受：WordPress 属于「工具稀缺」的��代，我们已经进入了「注意力稀缺」的时代。在工具稀缺的年代： - 能够不写代码搞出网站已经很厉害 - 大部分人没有 GitHub，没有静态托管，更没有 AI - 所以一个能装插件的 WordPress，真的像开了挂一样现在完全不一样了： - GitHub Pages、Vercel、Cloudflare 这种托管已经免费又成熟 - Astro、Next、Nuxt 这种框架把性能、路由、SEO 都帮你想好了 - AI 已经可以帮你生成项目骨架、写配置、调样式真正稀缺的东西，不再是「搭出来一个网站」，而是：你到底想用这个网站干什么，你愿意持续写些什么。🤔 所以我更想用 Vibe Coding 的思路来做这件事：不再纠结选哪一个插件，而是先想清楚，这个博客要承载什么样的 vibe 和世界观，再让 AI 帮我把代码和架构填上，非常简单，非常丝滑，非常灵活。二、上一代创作者纳��尔的博客 https://t.co/WzEkiSVYj7 给这一代创作者的启发如果你看过 Naval 的个人博客 https://t.co/WzEkiSVYj7，那种震撼应该很熟悉，他的 X 首页几乎只挂了这个网站 @naval 对我来说，https://t.co/WzEkiSVYj7 给这一代创作者的启发至少有三点： 1/ 极简到近乎「无 UI」顶部一小段简介，下面就是一串文本链接列表没有花哨图标，没有动画，本质就是一张「目录页」但就是这样的目录页，承载了他几十年的思考 2/ 时间跨度远远超过「博客流」很多文章不是「写完当周就过气」而是十几年前的观点，现在看依然成立 https://t.co/WzEkiSVYj7 更像一本在持续更新的电子书，而不是信息流 3/ 个人操作系统 https://t.co/WzEkiSVYj7 不是流水账博客，你能清楚看到 Naval 在「财富、工作、人生、哲学」这些主题上。已经有一整套可复用的决策框架，整个站点就是他的个人操作系统首页这其实非常接近我心里理想的：「超级个体个人博客」的终局形态。它是你的「操作系统」主页：它是你在 Crypto × AI × 人生里的少数几个底层观点的合集；是你未来十年可以不断往里面补充的「世界观代码库」。三、Vibe Coding 是什么和写代码不是一回事我现在习惯把「Vibe Coding」翻译成人话：用你的世界观、审美和节奏感当需求，让 AI 去帮你生成代码和系统。你负责定义规则，AI 负责实现。本质上，我们可以 Vibe everything。对应到个人博客上，就是：不要一上来就问「我该选 WordPress 还是某某主题」，那样很死板，没有个性。比如我给自己写的那段介绍是这样的： Mao 小毛哥 Writer and builder in crypto, AI, and Super Individual philosophy. 然后我再加上几个明确的设计决定： 1/ 整体气质��一本排版精致的随笔集 2/ 文本为主，图片不需要 3/ 页面不要太宽，要适合长文阅读中英混排要舒服，看起来有一点哲学感。当这些东西想清楚之后，我才去思考：让 Chatgpt 帮我做 PRD + Claude Code 帮我做出雏形。（不懂 PRD 是什么的回去看前面的教程😠 https://t.co/J1bJsqDLvy）然后应该用什么字体组合，做出「精致随笔集」的味道怎么用 GitHub Pages 和 Cloudflare，未来可以发展变成一个随时可访问的「数字图书馆」这就是 Vibe Coding 的顺序：先 vibe，再 code。甚至进一步说：你需要维护这个网站，其实只需要不停地和 Claude Code / ChatGPT 对话：「帮我置顶这篇文章」「帮我加一个新栏目」「把这条推文变成一篇博客」后台这种东西，对你来说其实可以不存在。（Claude Code 也建议我不要后台）四、Astro 模式和 WordPress 模式的区别 Astro → 博客 / 内容站 WordPress → 网站工厂展开来说，大概是这样。 - WordPress 模式：适合「非技术用户」加「需要很多插件功能」的场景，会有后台、评论、用户权限，甚至商城。对一个主要想写长文的创作者来说，这些东西很多时候都是「认知噪音」，你会花大量精力在「维护系统」，而不是「表达自己」 - Astro 模式：为内容站设计，默认就是静态导出。非常适合 https://t.co/WzEkiSVYj7 这种「极简文本站」，而且性能好，SEO 友好，和 GitHub Pages、Cloudflare 天然兼容，代码结构相对稳重，不会因为加一堆插件而冲突。更关键的一点是： Astro + GitHub Pages + Cloudflare 可以做到「代码托管免费、网站托管免费、CDN 免费」，你真正要付费的一样东西只有：域名本身。我现在的组合就是： - 代码和内容放 GitHub - 构建用 GitHub Actions - 页面托管在 GitHub Pages - 域名 https://t.co/sVS6Wcfnc8 放�� Cloudflare 这对一个超级个体来说非常重要：你用的是「全世界最成熟的基础设施」，但你的大脑不用被��维拖累。五、小毛哥的博客案例 Vibe 的流程我给自己的第一版设定是：我要让整个博客看起来，像一本排版用心的随笔集，而不是技术文档站。所以我做了一个很简单的「排版规范 v1」： - 英文正文字体：使用 EB Garamond 这种经典衬线体，看起来有一点哲学感，很适合长文和引用。 - 中文正文字体：使用 Noto Serif SC / 思源宋体，让中文也像「书页」一样，而不是 UI 的系统字体。你完全可以在 Vibe Coding 教程里直白写出来：这是「随笔集风格」博客的基础排版方案，你可以直接抄作业。一旦排版 vibe 定好了，后面的所有东西： Astro 组件 CSS 配置 Markdown 渲染其实你说完，我要做一个博客，只要带着博客这两个字的同时，Claude Code 已经帮你配置好了，你根本不需要知道这些是什么东西。总结当整条链路跑通之后，你会发现，把一个网站从零搭到上��，真正需要你做的决策只有两类： - 美学与结构：博客要像什么？首页分几块？每块承载什么内容？ - 世界观与长期性：什么值得被写下？什么是一年后看依然不丢脸的？这个站是你的作品集，还是思想图鉴？而技术部分，变成了：一份 GitHub Actions 的配置 / 几条 DNS 记录 / 一次性搞定的 SSL。而且它们一旦稳定，你就可以忘记它们。从此以后，你的日常工作就是：在本地写 Markdown，或者让 Claude 帮你排版文章 git commit 再 git push。几分钟后，新文章自然出现在 https://t.co/sVS6Wcfnc8 的首页你不用再关心「服务器挂没挂、插件要不要更新、安全问题怎么修」，这就是我理解的：超级个体时代的建站方式。理论篇到这里，欢迎反驳我👏 下一篇 #004B，我们一起把所有步骤拆开实战走一遍，从 Chatgpt 到 GitHub Pages，再到 Cloudflare 和自定义域名，让你的 https://t.co/WzEkiSVYj7 风格博客直接上线。 <社��内的入门教程链接整理> 🧘‍♂️ <超级个体 Vibe Coding 零基础教程> #001 从零开始，用 Cursor 做人生的第一个小工具 https://t.co/kb2pH4iA3o 🧘‍♂️<超级个体 Vibe Coding 零基础教程> #002 小白能把 ClaudeCode 安装到 Mac，就是胜利！ https://t.co/hVVCiOOj9U 🧘‍♂️ <超级个体 Vibe Coding 零基础教程> #003 Vibe Coding 第一原则：CEO 思维，先问 MRD & 再问 PRD https://t.co/J1bJsqDLvy == Vibe Coding 零基础教程 == https://t.co/3MDgtvjXX0 == Vibe Coding 零基础教程 02：自建信息流 == https://t.co/FAI2jetkyi 从零启动 Vibe Coding：如何通过嘴撸快速开发一款产品 https://t.co/ajaFIb7xYj

Xirry

@x1rry

10 months ago

从零启动 Vibe Coding：如何通过嘴撸快速开发一款产品 Gemini 3 Pro 让零代码基础的我两小时就能落地一个应用，感觉就像当年摸到 iPhone 4 一样美妙。不讲大道理，直接带你走一遍从“新建文件夹”到“全网上线”的全过程。我们将会用到以下工具： ✦ 开发工具：Google Antigravity（工程师） ✦ 代码仓库：GitHub（存代码的） ✦ 后台服务：Firebase（管用户登录和存数据的） ✦ 上线发布：Vercel（让别人能访问你的网站） 🧵⬇️