即刻App年轻人的同好社区
下载
App内打开
炸薯条
205关注3被关注0夸夸
炸薯条
13天前
太强了!

小龙_vuTX: ❗️死磕30万条外链数据,啃下这块最硬的骨头!我整理了一份List免费送给大家! 大家好我是小龙,今天我想分享一个关于我如何与“外链”这个东西死磕到底的故事。这不仅仅是一个关于SEO技巧的分享,更是一段关于热爱、探索和最终将兴趣变为产品的旅程。 ▪️缘起:从“飞哥”的新词比赛开始 故事要从23年底说起。那会儿@哥飞 连续做了几次新词SEO比赛,我都通过外链策略拿到了几次名次。这让我对外链产生了浓厚的兴趣。 刚开始,我只是个门外汉,完全模仿飞哥在分享里提到的方法。我去 Product Hunt、YC (Hacker News)、V2EX 这些知名的开发者和产品社区发帖,这算是我的外链尝试。 后面和@阿彪Bill 也请教了一些外链的知识和技巧,帮助非常的大,让我寻找高品质外链的速度快了许多! 后来,我开始分析大型网站,我最开始找的是阿彪的 hix.ai 和@阳光杉木 的 toolify.ai 这两个非常火的AI网站。我把他们的外链数据扒下来,希望能从中找到一些可以为我所用的资源。但很快我就发现,这条路没那么好走。他们很多高质量的外链都是我们无法去做的,大部分是花钱购买的PR文,成本高昂,门槛也高。 尽管如此,靠着最开始在那些简单渠道的尝试,以及哥飞在社群里的零散分享,我还是断断续续地寻找到了大约 100到200条 外链。虽然只有1-200条,但网站也能快速获得权重和流量,有了寻找更多外链的动力。 ▪️爆发:一个春节,我抓取了30万条外链 时间来到24年过年的时候,大家都在走亲访友,我没什么事情做,一门心思都在寻找外链上。我想,既然分析一两个竞品效果有限,那我为什么不把范围扩大呢? 说干就干。我索性收集了大约10个知名的AI导航网站,然后将这些网站的域名全部扔到 Semrush 里,让它去抓取这些网站所有的外链数据。这个过程像打开了新世界的大门,我顺藤摸瓜,从这10个网站的外链里又发现了更多的AI导航网站。于是,我把这个雪球滚了起来,最终扩展到抓取了大概 3000个 AI网站的数据。 抓取后的数据是海量的、杂乱的。我把所有数据导出,放进一个Excel表格里,开始进行繁琐的筛选:去重、去无效链接、格式化……最终,经过一番折腾,我得到了一份将 30万多条 外链数据清单。 ▪️沉淀:花一年时间,与30万条数据死磕 这30万条数据,我知道其中90%以上可能都是垃圾信息,需要耐心挖掘真正有用的信息。接下来的将近一整年时间,我的日常就多了一项工作:持续地去看这30万条数据。 ▪️我一条一条地研究,并且都带着同样的问题: 这个外链是如何发上去的?是评论、是文章、还是一个简单的链接? 它所在的网站是一个什么样的网站?是论坛、博客、导航站,还是其他类型? 这个网站主要使用什么语言?面向哪个国家的用户? 发布这个链接有什么特别的技巧吗?需不需要注册?有没有什么限制? 发布者是谁?是一个真实的用户,还是网站的运营者? 这个过程漫长但是我感觉很有趣。一直到今年(2025年)过年的时候,我终于从那30万条的原始数据中,整理出了 1万多条 我认为真实、有效、可操作的外链数据。 这里面的世界远比我想象的要丰富多彩。有常见的导航站、论坛、博客,也有很多出乎意料的形式:有在学术论文的PDF引用中夹带外链的,有在政府网站的问答板块提问时夹带外链的,甚至还有在音乐网站的版权声明里夹带外链的。各种各样,千奇百怪,非常有意思。 我之所以能花一年的时间来做这件看似枯燥的事情,实际上完全是出于热爱。我喜欢去窥探一个网站深层的东西。我总在想,为什么会有这个网站?这个网站存在的意义是什么? 我相信每个网站背后都有它的商业逻辑或存在逻辑。 举个例子,你会看到一个很垃圾的网站,上面有成千上万条各种类型的链接,看起来也没有什么访问量,但它的域名却一直续费了很多年。如果你仔细研究这个网站的首页,可能会发现这是一个无法在Google上被正常搜索到的网站,也许是一个无法通过常规渠道推广的行业。它利用一个子页面或者子域名,来做一个让大家免费发布外链的页面,目的就是为了给它的主站带来微小但持续的流量。 每天研究这些事情,对我来说是一个非常有趣的过程。 下面是之前抓取外链的时候统计用的表格,就是这样的一条一条去寻找的!(图1) ▪️机缘:从一份列表到一个网站LXX.ai 后来,我开始将自己整理的一些外链列表分享给周围的朋友们,比如@Clara998泽佳 @Lucas小杨 @嘶溜拿铁 @蛋壳-ai出海 @冉云ram-yun 他们的积极反馈让我萌生了一个新的想法。 今年哥飞要做一个年中聚会,我就主动问飞哥:“我做一个外链库产品,是不是可以赞助一下活动?”飞哥非常爽快地答应了。 最大的问题来了:我一点也不懂代码编程。但在这个AI时代,似乎一切皆有可能。我利用 v0 + Cursor,花了一周的时间,硬是“拼凑”出了一个外链网站—— https://www.lxx.ai/ 说实话,这个网站目前还非常的笨拙和简陋,UI可能也不够精美,但它的核心功能——查询和筛选外链,是完全可以使用的。 ▪️我将这份通过一年努力得到的外链列表,变成了 LXX.ai 这个产品。我是准备将它的价格定为 299美元一年。 这个外链库我会持续更新下去,不断把各种各样的新外链加进去。这些外链的来源,有我自己通过Semrush、Similarweb等工具持续寻找的,也有朋友们共享过来的高质量资源,我都会统一整理后逐步更新进去。 目前,网站里已经有 3000多条 精选的外链数据,涵盖了各行各业、各种语言、各种国家。 👉如果你是做 AI 站的,那么可以筛选 “AI Tools” 或者 “Startup” 分类的网站去提交。 👉如果你是做游戏的,那么可以筛选 “Games” 相关的论坛、博客或者目录站去提交。 👉如果你是做电商网站的,可以筛选一些产品评测、Reviews的网站去发外链。 这一切的外链资源、分析方法,其实最初的灵感和技巧都来自于哥飞在社群中的分享,我只是将这些方法论应用和实践到了极致。 ▪️为此,为了感谢飞哥和社群和即刻的朋友,我准备了一个特别的福利: 🌟免费给大家赠送 LXX.ai 一年的使用权! ❓如何获取? ❗️❗️❗️转发评论这条即刻,加我好友(微信:decxiaolong),我会给你一年访问权的专属兑换码! 然后访问网站:https://www.lxx.ai/,注册一个用户账号。进入用户中心,找到兑换码输入框。 填写专属兑换码,点击兑换,即可获得一年的外链库使用权益。 🥰希望这个小小的工具,能为同样在出海道路上奋斗的你,提供一点点帮助。谢谢大家。 PS: 1.有做免费导航站的朋友,可以联系我微信🌍 (decxiaolong),将你的导航站放进来方便大家提交。 2.有做付费导航站的朋友也可以联系我,提供一个针对LXX的专属优惠码,可以推荐。

00
炸薯条
7月前

歸藏: 最近看我玩 FLUX Kontext 是不是馋了 Kontext 直接替代了很多原来需要 PS (美图秀秀、醒图)才能做的需求 写了篇东西详细总结了一下 FLUX Kontext 所有用法 还有如何去哪用这个模型,都在这里➡️:https://mp.weixin.qq.com/s/HPBzQqfg4npYAuh9zJHVVw 先介绍一下我探索出来的各种用法,看图也行: > 给图片去水印,各种复杂水印都能解决 > 优化自己照片上身体的瑕疵 > 一键生成电商商品展示图 > 去掉景区照片里面各种无关的其他游客 > 将真实照片转换成各种动漫风格,或者反过来 > 修改海报或者图片上的文字 > 修改图片上的任何小的元素 > 给图片更换背景,让自己在快速时空旅行 > 将多张图片的元素整合到一张图片里面 如何使用呢 如果你就是单纯的想要尝试一下这个模型 不想涉及到复杂操作的话我推荐两个渠道: FLUX 官方的 Palyground (playground. bfl. ai/image/edit)和 Krea (krea. ai/edit)其中 FLUX 的 Palyground 还送了 200 积分,生成一张图只消耗 4 积分,够你玩很久了。 这两个地方的使用都很简单上传图片,输入提示词然后等待就行。 其中 Krea 选择 FLUX Kontext 的 Pro 模型就行 Max 模型在单图修改场景反而效果不好。 FLUX 的 Palyground 的话生成的时候记得把在输入框右边三个点那里把每次生成的张数改成 1,不然一次生成 4 张有点浪费。 如果你想要开发产品或者有 Comfyui 的基础想要玩一下多图参考,这里我推荐 Fal 的渠道(fal. ai/models/fal-ai/flux-pro/kontext/max/multi)。 Fal 的测试页面可以直接使用多图参考,上传图片输入提示词就行,如果你不想用多图了,可以在页面上方红框那里选择其他 Pro 模型尝试单图编辑。 FLUX Kontext 除了强大能力之外的另一个优势是他非常便宜,编辑一张图只需要 0.08美元也就是 5 毛钱人民币,相较于 GPT-4o 一张图 1.4 人民币的价格可以说非常便宜了。 另外他们后面还会开源一个 Dev 的 Kontext 模型这个会让成本进一步降低,太期待了。

00
炸薯条
10月前
🐂

出海去孵化器: 今天凌晨群里针对 SEO 开展了热烈的讨论(见图), 这里分享一份 零预算 适合独立开发者小微团队 的 SEO 策略指南👇:零预算的初创公司SEO策略:AI时代的长尾关键词挖掘与内容生产指南 忘记传统玩法: - 无需每月300美元的Ahrefs - 无需内容团队 - 无需花哨工具 只需要你、AI和已验证的流程 零预算实现突破的方法... 1/ 首先谈谈关键词 大品牌可以在数月内霸占任何关键词 你无法与之竞争 但他们忽略了一座金矿: 具有强烈购买意图的长尾关键词 以下是挖掘方法 2/ AI关键词研究流程 向AI工具输入:"Generate 50 long-tail keywords for [your niche] that combine: - Specific use cases - Customer types - Industry verticals - Pain points" 专业建议:多数结果不佳,需要严格筛选 3/ 将筛选出的优质关键词输入AI: "These are great examples of long-tail keywords in my niche. Generate 50 more following the same pattern." AI会识别有效模式,产出黄金关键词 循环该过程直至积累100+关键词 4/ 举个例子,避免用"email marketing software"(无法竞争) 主攻类似: - "email templates for yoga studios" - "newsletter examples for personal trainers" - "automated emails for online course creators" 大品牌不屑关注,但这些关键词转化率高 5/ "但,这些关键词搜索量为零!" 关键在于: 第三方工具无法准确检测长尾词流量 只要搜索逻辑合理,就能带来流量 目标:筛选30+优质关键词 6/ 内容创作环节 多数人错误使用AI: ❌"Write me a 2000-word article" ❌直接复制发布 ❌生成通用垃圾内容 正确创作可排名内容的方法 7/ 混合AI内容流程 1. 创建Claude项目 2. 输入优质内容 3. 上传竞品文章 4. 设定品牌调性 5. 分段生成内容 6. 注入专业见解 核心原则: 让AI当助手,而非写手 8/ 每部分给Claude Prompt: "Write about[topic] and include: - Real examples - Specific steps - Current data - Industry context" 然后注入个人特色: - 添加实战经验 - 插入案例研究 - 分享实际成果 9/ 外链建设环节 需要权威(Authority)背书但预算为零? 解决方案: 打造专家形象并主动出击 10/ 专家人设策略 1. 创建专业邮箱(姓名@域名) 2. 撰写专家简介+形象照 3. 发布3-5篇权威博文 4. 寻找50+中小型行业博客 5. 发送精准合作邀约 11/ 标准合作话术: "Hey {Name}, My name’s [Your name] - I’m a [what you do] I’ve written for [website you’ve been published on. If you don’t have these, focus on why you’re an expert in your niche]. I wanted to ask if {website} is open to guest writers? I could create a long-form article on a topic of your choice (or I can suggest a couple!). - [Your name]“ P.S. 承诺交付可上谷歌排名的优质长文,而非每日收到的那种500字通用稿 12/ 成功关键: 先攻克小型博客 初创期缺乏行业权威时 不必强求HubSpot级别平 13/ 完整流程总结: 1. 筛选30+长尾关键词 2. 创作混合AI内容 3. 建立专家人设 4. 获取10+客座发文 5. 持续迭代优化 零预算实现增长! 另外,欢迎大家加入出海去,一起探讨学习! 入群方式:https://chuhaiqu.club/guest

00
炸薯条
10月前
我服了,找到一个不错的工具站词,流量很高同时竞争难度不算大,注册了个相关域名结果调研发现真正流量大的来源是成人网站,完全误会了这个词的需求😒
00
炸薯条
11月前
🐮

MooreAI: Cursor SOP 技巧 、操作步骤、示例和文档生成,这方法能够提升生成效率和代码质量: 1. 准备工作 (Documentation & Tracking): 文档化: 虽然 AI 不能物理地创建文件夹,但你可以告诉 AI 你已经将文档放在哪里,并让它知道这些文档的存在和用途。 指令示例: "请注意,项目的关键文档,包括 PRD、流程图和技术规范,都保存在 Documentation 文件夹中。" 或 "所有设计规范都在 @design_specs 文档中。" 进度追踪: 你需要手动创建这两个文件,然后指示 AI 如何使用它们。 指令示例: "我创建了 progress.md 文件来记录我们的每日进展、遇到的问题和解决方案。请在完成每个主要任务后,更新该文件。" 指令示例: "我们使用 project-status.md 文件来记录每个工作会话的总结和下一步计划。在本次会话结束时,请更新该文件。" 2. 日常 Prompting 核心步骤: A. 清晰指令: 修复错误: 直接告诉 AI 你要修复错误,并提供相关信息。 指令示例: "代码编译时出现错误:'...'。请分析导致当前错误的根本原因,并提供修复步骤。" 新增功能: 明确说明你要添加什么功能,并引导 AI 参考相关文档。 指令示例: "我们需要添加用户注册功能,参考 @user_auth.md 文档,请说明实现此功能所需的步骤。" 结构化指令: 使用编号或其他明确的分隔符来组织你的指令。 指令示例: "请按照以下步骤操作: 1. 完成侧边栏菜单的样式调整。 2. 为主页添加一个轮播图组件。 3. 参考 @carousel_design.md 文档,说明轮播图的实现方式。" B. 提供背景 (Context): 任务更新: 明确地告诉 AI 任务已经完成。 指令示例: "我已经完成了侧边栏菜单的样式调整。" 或 "正如你之前所建议的,菜单对齐已完成。" 进度同步: 指示 AI 更新 progress.md 文件。 指令示例: "@progress 请更新进度文件。我们已完成用户注册功能,但遇到了数据库连接问题,通过更新数据库驱动程序解决了。" 会话总结: 指示 AI 在会话结束时更新 project-status.md。 指令示例: "@project-status 请更新会话总结。回顾我们今天完成的工作,并为下次会话制定初步计划。" C. 控制执行 (Agent Control & Verification): 限定范围: 要求 AI 在执行任何代码更改之前,先提供详细的计划。 指令示例: "在开始集成支付功能之前,请先阅读 @payment_integration.md 文档,并使用思维链推理,详细列出支付集成的所有步骤,包括宏观和微观层面的细节。" 计划审查: 仔细阅读 AI 提供的计划,并提出问题或要求修改。 指令示例: "你提供的支付集成计划中,第 3 步似乎缺少了身份验证环节。请补充这部分内容。" 或 "这个计划看起来不错,可以开始执行了。" 3. 特殊情况: 使用 Model 01: 在 Prompt 中明确指出你需要更精确的输出,并提醒 AI 避免无关信息。 指令示例: "使用 Model 01,请提供关于用户登录流程的具体代码实现,重点关注安全方面,避免包含不必要的解释。" 关键策略: 明确地告诉 AI 你要它做什么。 不要假设 AI 知道你的意图。 引用文档时使用 @ 符号。 Cursor 可以识别并读取这些文档。 使用特定的指令词语。 例如 "请分析","请说明","请更新","请列出"。 将 SOP 的步骤转化为对 AI 的任务。 例如,SOP 说要 "记录每日进展",你就指示 AI "@progress 请记录今天的进展..." 审查 AI 的输出。 不要盲目信任 AI,要检查它的计划和代码是否符合你的预期。 提供反馈。 如果 AI 的表现不佳,要告诉它为什么,并提供更明确的指导。 示例对话流程: 你: "我们今天要开发用户登录功能。相关的设计文档在 @login_design.md。请阅读该文档并告诉我你对登录流程的理解。" AI: (总结文档内容) 你: "很好。现在,请根据 @login_design.md 中的描述,详细列出实现用户登录功能的所有步骤,包括前端和后端。" (对应 "清晰指令 - 新增功能" 和 "控制执行 - 限定范围") AI: (列出步骤) 你: "在开始编写代码之前,请在 @progress 文件中记录我们即将开始用户登录功能的开发。" (对应 "提供背景 - 进度同步") 你: (审查 AI 的步骤) "你列出的步骤中缺少了密码加密环节。请在后端步骤中加入密码加密的说明。" AI: (更新步骤) 你: "现在这个计划看起来更完整了。请开始编写用户登录功能的后端代码。" (代码编写过程)... 你: "后端代码编写完成。请在 @progress 文件中记录后端开发已完成,并遇到了数据库连接问题,但已通过更新连接字符串解决。" (对应 "提供背景 - 进度同步") ... (继续进行前端开发或其他步骤)... 你: "今天的开发会话即将结束。请更新 @project-status 文件,总结我们今天完成的工作,并为下次会话规划任务。" (对应 "提供背景 - 会话总结") 文档包括:项目需求文档、应用流程文档、Frontent Guidelines 文档、后端结构文档、技术栈文档、文件结构文档 文档生成具体 Prompt 示例: 1. 项目需求文档 (PRD) 基础 Prompt: "请为 [你的项目名称] 撰写一份项目需求文档 (PRD)。该项目旨在 [简要描述项目目标和用途]。目标用户是 [描述目标用户群体]。核心功能包括 [列举核心功能]。请包含以下主要章节:1. 项目目标 2. 目标用户 3. 核心功能详细描述 4. 用户故事示例 5. 非功能性需求(例如性能、安全性) 6. 未来展望。" 更详细的 Prompt: "请为一款名为 [应用名称] 的移动端社交应用撰写详细的项目需求文档 (PRD)。该应用旨在帮助用户 [核心价值主张],例如“发现和分享本地美食”。目标用户是 [描述目标用户,例如“18-35岁的城市居民,喜欢探索美食并与朋友分享”]。核心功能包括:用户注册/登录、浏览附近餐厅、发布美食评价和照片、关注其他用户、搜索餐厅和菜品、以及简单的消息通知。请详细描述每个核心功能的用户流程和预期行为,并提供至少三个用户故事示例。请考虑以下非功能性需求:应用响应速度快、数据安全可靠、界面简洁易用。请以 Markdown 格式输出。" 2. 应用流程文档 基础 Prompt: "请为 [你的项目名称] 描述其主要的应用流程。从用户 [起始操作] 开始,到用户 [结束操作] 结束,详细描述每一步的操作和系统行为。请以清晰的步骤描述,并指出关键的判断节点。" 更详细的 Prompt: "请描述用户在我们的电商网站上完成一次成功购物的应用流程。从用户浏览商品开始,到用户成功支付订单结束。详细描述每一步的操作(例如:添加到购物车、填写收货地址、选择支付方式)以及系统相应的行为(例如:更新购物车数量、生成订单、调用支付接口)。请指出流程中的关键判断节点,例如:库存不足的情况、支付失败的情况等。请考虑使用流程图的文字描述方式,方便后续生成流程图。" 3. 前端 Guidelines 文档 (Frontend Guidelines) 基础 Prompt: "请为 [你的项目名称] 的前端开发团队制定一份前端开发 Guidelines 文档。包括但不限于代码风格规范、组件命名规范、目录结构建议、状态管理方案、以及常用的 UI 组件和模式。" 更详细的 Prompt: "请为 [你的项目名称] 的前端开发团队制定一份详细的前端 Guidelines 文档。该项目使用 [前端框架,例如 React/Vue/Angular]。请包含以下内容: 代码风格规范(例如:ESLint 配置建议、代码格式化工具建议) 组件命名规范(包括文件夹命名、文件命名、组件命名) 目录结构建议(如何组织 components、pages、assets 等文件夹) 状态管理方案(例如:使用 Redux/Vuex/Context API 的最佳实践) 常用 UI 组件和模式(例如:按钮、表单、列表的通用实现方式) 响应式布局的实现策略 性能优化建议 可访问性 (Accessibility) 最佳实践 请以 Markdown 格式输出。" 4. 后端结构文档 (Backend Structure) 基础 Prompt: "请为 [你的项目名称] 的后端系统设计一份架构文档。包括但不限于系统模块划分、API 设计原则、数据库设计概要、以及安全策略。" 更详细的 Prompt: "请为 [你的项目名称] 的后端系统设计一份详细的架构文档。该后端系统将使用 [后端技术栈,例如:Node.js with Express, Python with Django/Flask]。请包含以下内容: 系统模块划分和职责描述(例如:用户管理模块、商品管理模块、订单管理模块) API 设计原则(例如:RESTful API 规范、请求方法、状态码使用) 核心 API 端点示例(列举几个重要的 API 接口及其用途) 数据库设计概要(主要数据表及其字段说明) 认证和授权方案 部署架构方案 监控和日志记录策略 请以 Markdown 格式输出。" 5. 技术栈文档 (Technical Stack) 基础 Prompt: "请列出并简要解释 [你的项目名称] 使用的技术栈。包括前端技术、后端技术、数据库、以及其他工具和服务。" 更详细的 Prompt: "请为 [你的项目名称] 编写一份详细的技术栈文档。请列出并详细解释项目中使用的每项技术,包括: 前端技术: (例如:React v18, TypeScript, Redux Toolkit, Tailwind CSS),并说明选择这些技术的原因和优势。 后端技术: (例如:Node.js v16, Express.js, NestJS),并说明选择这些技术的原因和优势。 数据库: (例如:PostgreSQL, MongoDB),并说明选择这些数据库的原因和优势,以及数据库的部署和管理方式。 中间件和工具: (例如:Nginx, Docker, Kubernetes, Redis, Kafka),并说明它们在项目中的作用。 测试框架: (例如:Jest, Cypress),并说明如何进行单元测试和集成测试。 部署平台: (例如:AWS, Azure, Google Cloud),并说明部署方案。 请以 Markdown 格式输出。" 6. 文件结构文档 (File Structure) 基础 Prompt: "请为 [你的项目名称] 的代码仓库设计一份推荐的文件结构。包括前端和后端的目录组织方式,以及核心文件的命名规范。" 更详细的 Prompt: "请为 [你的项目名称] 的代码仓库设计一份详细的文件结构文档。该项目采用 [前端框架] 和 [后端框架]。请分别描述前端和后端的目录结构,并解释每个主要目录的作用。例如: 前端目录结构: src/: 源代码目录 components/: 通用组件 pages/: 页面组件 assets/: 静态资源 styles/: 样式文件 utils/: 工具函数 services/: API 请求服务 public/: 公共资源 后端目录结构: src/: 源代码目录 controllers/: 控制器 models/: 数据模型 routes/: 路由定义 services/: 业务逻辑服务 middlewares/: 中间件 config/: 配置文件 database/: 数据库相关 请解释每个目录的作用,并给出关键文件的命名建议(例如:组件文件、路由文件、模型文件)。请以 Markdown 格式输出。"

00
炸薯条
11月前
下午正愁着怎么把英文播客转录成中文,转头就看到了宝玉老师新的post,baoyu.io
00
炸薯条
1年前
🐂

0xWelles: 之前有个 idea 是做一个*学习路径的分享orAI定制*平台(不局限于 coding 相关),因为我一直有自学时找不到好的学习路径的痛点,很痛😭 很希望在自学一开始的时候能得到一份写明适用对象、前置知识要求、学习目标和预计时长的学习路径图,最好能附上每一步的笔记,最好还可以和分享者和学友交流🥺 我在自学前端的时候就完全没有规划,东学西学没有体系,春节期间重学了 TypeScript 和 Nextjs 体系稍微建起来了。我抛砖引玉分享一下我前端的学习路径,希望和即友们一起学习欢迎dm🤤 (之后会努力更新一些其他的学习路径,最近主要在搞 LLM 推理,也在这里跪求MLSys的路径分享🥺) 适用对象:无前端基础但有一定计算机基础的同学 前置知识:无 学习目标:希望实现自己第一个 Hackathon Demo 预计时长:全力以赴 2 周 学习路径: 1. 学习 HTML、CSS 和 JavaScript 基础,推荐 MDN 上的教程:https://developer.mozilla.org/zh-CN/docs/learn 2. 学习 CSS 进阶以及 SaSS,推荐 Udemy Jonas 大神视频:https://www.bilibili.com/video/BV1n94y1o7yS,系统讲解 CSS 和 Sass,配合五个循序渐进的 Project,码风优雅,尤其给我讲明白了 Flex Grid 布局和响应式,我的笔记:https://xdkkkgyt8c.feishu.cn/wiki/SfHLwhW4Ji6HKHk2BJVcpCOanvg 3. 学习 React 基础,首先推荐 Nextjs 官方的 React 基础教程:https://nextjs.org/learn/react-foundations,很快读完但是会从 DOM 讲 React 基本原理;另外也推荐 Jonas 视频,会详细讲解 React 原理,也会讲 Redux Tailwind StyledComponent 等工程常用工具:https://www.bilibili.com/video/BV1M14y1D7bV,我的笔记:https://xdkkkgyt8c.feishu.cn/wiki/JW1twr8IGi8jy6kTcrxcLVspnpD 4. 学习 Typescript,掘金小册找到林不渡老师的教程,内容巨细且系统:入门(免费) https://juejin.cn/book/7288482920602271802,进阶(付费,可以私我分享) https://juejin.cn/book/7086408430491172901 5. 学习 Nextjs,首先推荐 Nextjs 官方的教程(不长):https://nextjs.org/learn,我之前硬啃文档一直没理解 Server Component 和 Client Component,结果发现教程里写的很清楚;另外可以参考视频:https://www.bilibili.com/video/BV1G54y1o7RP,我的笔记:https://xdkkkgyt8c.feishu.cn/wiki/OzmlwidOTixC1jkv7IqcdauKn3r 6. 我收集的 React 11个 组件库和 3 个图标库:https://xdkkkgyt8c.feishu.cn/wiki/GtaLwmhd1iArf2kAemycc18znie 7. 我目前刚开始学习一些优秀的开源项目,比如 Nextjs 写的 LobeChat 😍 https://xdkkkgyt8c.feishu.cn/wiki/Rbf4wZBhqiaUwNklvmycFQvJnZd 8. 另外在 @哥飞 哥飞老师的社群里总结了一份前端建站 SEO 相关的文档,但仅限社群内部开放🥺

00
炸薯条
1年前

Will写字的地方: 做海外网站的需求挖掘方式之一:fiverr(海外最大的自由职业者平台,大部分还是欧美买家,东南亚卖家居多,欧美卖家也有),有些服务生意看着小,但长周期下看还是能赚五六位数美金收益的。而如果有很多人愿意为人工服务付费,也意味着有产品化的可能。 - heygen早期的数字人需求验证就是在fiverr上面找到了spokesperson的需求,并通过人工服务进行验证数字人口型对齐算法效果的付费可行性。 - 可以在fiverr上直接搜索对应关键词,或者通过semrush之类的第三方工具看网站流量分布(如图一可以看到fiverr上面高流量的子页面) - 简单看了下,在fiverr平台里高访问量的还是图片设计(如logo)、翻译、SEO服务、网站开发、视频剪辑(2d/3d动画等) 再列举几个看到的几个赚钱服务(收益仅供参考): - SEO服务,有很多种服务,下面这个是专门帮助提升Ahrefs的DR值 客单价45美刀起,累计售后评价470+,收益$21w+(按照10%的评价/销售比) https://www.fiverr.com/vishaljha607/increase-ahrefs-domain-rating-dr-60-plus-in-20-days - Logo设计 客单价35美刀起,累计售后评价12k+,收益$400w+(按照10%的评价/销售比),13年起的号 https://www.fiverr.com/zera93/do-logo-design - 做tiktok短视频(可以用AI视频工具) 客单价15美刀起,累计售后评价3k+,收益$45w+(按照10%的评价/销售比),18年起的号 https://www.fiverr.com/sunny_3993/do-video-editing-for-ecommerce 客单价5美刀起,累计售后评价232,收益$11k+(按照10%的评价/销售比),https://www.fiverr.com/rahibmadni/create-viral-tiktok-dropshipping-video-ads-tik-tok-ads-dropshipping-pro - 风景/冥想长视频,其实就是轮播的风景动画视频,用MJ和AI视频工具生成,客单价5美刀起,累计售后评价142,收益$7k+(按照10%的评价/销售比),https://www.fiverr.com/desilva_design/create-20-relaxing-nature-youtube-videos-for-meditation-and-sleep - 2D动画视频 客单价100美刀起,累计售后评价4k+,收益$400w+(按照10%的评价/销售比), https://www.fiverr.com/ricky8001/create-inbound-explainer-video-or-sale-video - 产品3D建模和动画 客单价250美刀起,累计售后评价125,收益$18w+(按照10%的评价/销售比), https://www.fiverr.com/akshaybabariya/logo-intro-animation-video-c8f2 - AI音乐定制 客单价275美刀起,累计售后评价300+,收益$80w+(按照10%的评价/销售比), https://www.fiverr.com/levmusic/produce-a-unique-artistic-music-video

00