feat: add

blog/friends/index.md

@@ -20,10 +20,6 @@ links:
         url: https://github.com/Kaiyiwing
         img: http://cdn2.webworker.tech/img/avatar/pic-kaiyi.png
         desc: 独立开发者  Qwerty Learner 作者
-      - sitename: 沈青川
-        url: https://github.com/shenQingchuan/
-        img: http://cdn2.webworker.tech/img/avatar/pic-shenqingchuan.png
-        desc: vue-vine作者。vue/vite中文文档
 
   - title: 播客嘉宾
     items:
@@ -115,6 +111,10 @@ links:
         url: https://github.com/innei
         img: http://cdn2.webworker.tech/img/avatar/pic-innei.png
         desc: mx-space作者，独立开发
+      - sitename: 沈青川
+        url: https://github.com/shenQingchuan/
+        img: http://cdn2.webworker.tech/img/avatar/pic-shenqingchuan.png
+        desc: vue-vine作者。vue/vite中文文档
       - sitename: 海老师
         url: https://github.com/HerringtonDarkholme
         img: http://cdn2.webworker.tech/img/avatar/pic-hai.jpeg
@@ -149,4 +149,19 @@ links:
         url: https://twitter.com/simon_he1995
         img: https://cdn.ijust.cc/img/202401162346308.png
         desc: VsCode 插件爱好者
+      # 47
+      - sitename: Aryu
+        url: https://github.com/Yuyz0112
+        img: https://cdn.ijust.cc/img/202404230007635.png
+        desc: rrweb 作者
+      # ruifeng
+      - sitename: 瑞丰
+        url: https://github.com/liruifengv
+        img: https://cdn.ijust.cc/img/202404230008066.png
+        desc: Astro 核心成员
+        #electron caoxiemeihao
+      - sitename: 草鞋没号
+        url:
+        img: https://cdn.ijust.cc/img/202404230010481.png
+        desc: Electron-Vite 作者
 ---

blog/posts/47.md

@@ -0,0 +1,45 @@
+---
+layout: Post
+date: 2024-02-01
+title: No.47 和 rrweb 作者 aryu 聊从开源到技术商业化、低代码和 AI、职场软技能
+useHeaderImage: true
+headerImage: /img/index.jpg
+headerMask: rgb(14, 21, 5, .5)
+tags:
+  - FM
+---
+
+## 介绍
+
+很荣幸这期节目中我们邀请到了 rrweb 的作者 Aryu，听他聊聊开源产品背后的思考，聊聊做视频背后的故事，聊聊技术人员应具备的软实力。
+
+本次闲聊可以分成下面几个部分，对应嘉宾不同的身份定位：
+
+- 国际化成熟项目的创作者，在技术开源、社区协作、商业发展有深入实践
+- 低代码作品、AI 作品作者，有大量专业、深入实践
+- 平衡生活、开源和工作的技术团队 leader，通晓职场软技能
+- B 站 UP 主 @ Koala 聊开源 幕后技术顾问
+
+因此我们从不同角度进行主题闲聊，聊到了大家都关心的一些问题。
+
+如何看待赞助对开源项目前期、中期以及更长远发展的一个价值？
+
+如何看待开源项目商业化以及没做商业化的原因？
+
+我们现在的技术是要朝着接近 AI 思考方式的路线去走会更容易推进我们我们技术的发展
+
+LLM 会多大程度的去改变我们程序员的一个工作和就业的一些情况？
+
+如何平衡工作、个人生活以及维护开源贡献的呢？你是怎么安排自己的时间呢？
+
+作为一个职业人，作为一个程序员，作为一个开源的发起人，你认为哪些软技能是重要的？
+
+相关链接
+
+作者 github [github.com](https://github.com/Yuyz0112)
+
+rrweb [mp.weixin.qq.com](https://mp.weixin.qq.com/s/5RUjvKOBjqX5Btrse-C3Jg)rrweb 背后的故事，视频 [www.bilibili.com](https://www.bilibili.com/video/BV1wL4y1B7wN/)
+
+低代码 sunmao [github.com](https://github.com/smartxworks/sunmao-ui/blob/develop/docs/zh/what-is-sunmao.md)vx.dev [github.com](https://github.com/Yuyz0112/vx.dev)背后逆向思路 [juejin.cn](https://juejin.cn/post/7316796251149090851)最近新版基于 github workflow [github.com](https://github.com/Yuyz0112/dewhale)
+
+b 站 Koala 聊开源 [space.bilibili.com](https://space.bilibili.com/489667127/)

blog/posts/48.md

@@ -0,0 +1,82 @@
+---
+layout: Post
+date: 2024-03-14
+title: No.48 和 Astro Maintainer 瑞丰科普 Astro 使用心得、参与开源和成长感悟
+useHeaderImage: true
+headerImage: https://cdn.ijust.cc/img/202403132334354.png
+headerMask: rgb(14, 21, 5, .5)
+tags:
+  - FM
+---
+
+## 介绍
+
+李瑞丰
+
+- 个人网站 https://liruifengv.com/
+- Github https://github.com/liruifengv
+- Astro 官方文档 https://astro.build/
+
+![image.png](https://cdn.ijust.cc/img/202403132336104.png)
+
+本次邀请到了 Astro Maintainer 瑞丰加入闲聊，一起来讨论他参与维护和使用 Astro 的心得，带来了大量知识科普。我们一起讨论了参与开源、拥抱开源，参与开源协作带来的快乐。
+
+如果你想了解 Astro 是什么，怎么用，如何参与文档维护，如何参与开源，不要错过！
+
+![image.png](https://cdn.ijust.cc/img/202403132336629.png)
+
+> 本期节目介绍了 Astro 框架及其特点，插件的使用场景和技术细节。
+>
+> Astro 是一个元框架，可以无缝迁移到各种前端框架和组件，并提供了大型的基于 MD 编码和各种框架的生态系统。
+>
+> Astro 框架用于构建静态网站和动态交互式应用，具有灵活性和可扩展性。插件提供了优秀的纯文档渲染和一些交互能力。
+>
+> 节目还讨论了开源组织和项目的结构和治理规则，以及如何参与开源项目和鼓励自己不断进阶。
+>
+> 介绍了技术文档的方法论和写作技巧，以及前端生态中的问题和挑战。
+>
+> 参与开源可以获得满足感、丰富精神世界，并拓宽技能和眼界。对于前端程序员，参与开源是重要的能力之一。
+
+![image.png](https://cdn.ijust.cc/img/202403132334354.png)
+
+## 时间轴
+
+01:05 开场，这次邀请到了瑞丰，这是瑞丰的基本介绍，各位主播对瑞丰的印象
+
+04:59 Astro 是什么？是一个前端开发框架，有一些亮点和优势，擅长的应用场景
+
+08:52 提到 Astro 我们绕不开 island 岛屿架构，岛屿架构是什么意思
+
+11:22 辛宝尝试回顾 Astro 的基础概念，Astro 是一个标准的 web 框架，也是一个技术栈不绑定的 Vite 项目，适合做内容驱动的网站。
+
+13:33 大家使用 Astro 感受如何？应用场景有哪些？
+
+16:10Astro 是如何兼容和支持 Vue 的？Astro 集成的概念。Astro 接入 React 和 Vue 怎么样？现有项目迁移容易吗？
+
+33:10Astro 为什么这么快？岛屿架构是怎么做到的。
+
+40:12 瑞丰日常参与维护 Astro 文档， 是 Astro 核心贡献者，Astro 布道师，感受如何？参与开源的感受如何，Astro 是怎么维护开源和社区的。
+
+46:36 和 electron 那一期节目类比，优秀的开源协作是如何进行的，如何吸纳和激励贡献者。
+
+51:16 如何尝试参与开源，新手和老手的不同感受。从修改错别字开始，理解开源、参与开源。
+57:36 如果我想参与 Astro 的文档维护，想提交 PR 我该怎么做？瑞丰亲自指导。
+
+01:00:13 绕不开的 Astro Docs 做的很棒，文档协作氛围特别好，背后有趣的观点和故事。格外重视文档建设，有哪些落地实践？
+
+01:07:13 技术文档如何组织？辛宝提到了自己学到的知识点 Guide / Doc / Playground/ Reference
+
+01:14:04 第一部分阶段总结\n01:14:36 瑞丰的开源日常，每天忙什么。做了一个叫 SayHub 的公众号
+01:15:57 闲聊 Deno 发了一个 JSR 的新东西，他是什么，有什么用
+
+01:21:18 瑞丰的技术栈又宽又深，怎么做到的？擅长 Node.js/Golang/Deno 等
+
+01:24:05 瑞丰的工作、日常和爱好。工作和爱好都是 Coding
+
+01:25:09 讨论工作有意义吗，工作之外通过参与开源，收获满足和充实
+
+01:26:29 瑞丰对在校生、年轻的前端新手有哪些过来人经验
+
+## 参与人员
+
+剪辑：Smart、辛宝

blog/posts/49.md

@@ -0,0 +1,82 @@
+---
+layout: Post
+date: 2024-03-28
+title: No.49 和 Electron-Vite 作者草鞋没号聊 Electron-Vite-ESM，参与开源的奇妙经历
+useHeaderImage: true
+headerImage: https://cdn.ijust.cc/img/202403280019732.png
+headerMask: rgb(14, 21, 5, .5)
+tags:
+  - FM
+---
+
+## 北京的线下互动
+
+等下，节目开始之前插播一条消息，Web Worker 播客马上迎来第五十期节目了，我们几个主播打算在 24 年 3 月 31 日周日的下午 2 点，在北京的昆仑巢举办一次线下听友交流会，大家一起见见面吹吹牛，共同认识一些新朋友，感兴趣请看 showNotes 了解更多，后续我们也会定期举行线上线下活动，希望通过播客，能够让我们建立更多人和人之间的链接
+
+### 活动安排
+
+活动时间： 2023 年 3 月 31 日 周日 14:00 ～ 17:00
+活动地点： 北京市昆仑巢 健德门地铁站附近
+活动形式：线下小型 MeetUp （不规划线上直播）
+
+### 活动流程
+
+（活动免费，不管午饭和晚饭，可以自带饮料和水果）
+
+13:30 自由搭讪闲聊，开始之前随意闲聊
+14:00 开场 5min。 介绍在现场的嘉宾
+14:05 主播开翼的魔术 20min - 开翼的魔术
+14:25 主播辛宝的 《Bun 出现之后我们会更快乐吗》 20min
+14:45 主播 smart 《前端风雨 20 载，Web worker 3 周年》 20min
+15:05 特邀嘉宾瑞丰 20min - 《我的开源之旅&开源中的趣事》
+15:25 圆桌讨论 《 和<代码之外> 的 randy 聊做播客感受 暨 web worker 50 期，主播和听友感受如何？》 60min 听友可以加入讨论，自由开麦，比如你喜欢哪一期、希望节目有什么改进
+16:25 活动合影、结束、自由交流
+
+## 节目介绍
+
+🥳 WebWorker 新一期播客发布了！这一次我们重新学习和认识 Electron。 本次邀请到了 [#electron_vite](https://twitter.com/hashtag/electron_vite?src=hashtag_click) 组织负责人 [@cao_xie](https://twitter.com/cao_xie) 大佬。
+
+![image.png](https://cdn.ijust.cc/img/202403280019732.png)
+
+我们和他一起聊聊 Electron，Vite，ESM 三项技术如何交织演进，还谈到了开源、tauri、前端进阶、平衡工作与生活等有趣经历，欢迎收听！
+
+![image.png](https://cdn.ijust.cc/img/202403280019813.png)
+
+- electron-vite https://electron-vite.github.io/
+- Github Repo https://github.com/caoxiemeihao?tab=repositories
+- electron forge https://github.com/electron/forge
+- vite-plugins [Github Repo](https://github.com/caoxiemeihao/vite-plugins)
+
+![image.png](https://cdn.ijust.cc/img/202403280022775.png)
+
+## 时间轴
+
+00:00 Web Worker 打算搞一次线下活动！
+01:20 正片开始，我们和小白菜 smart 邀请到了草鞋没号！
+02:10 草鞋没号的自我介绍，Electron Vite 的作者，作者知乎地址
+03:00 草鞋没号和播客的历史嘉宾 BlackHole 黑洞线下线上认识了
+04:20 Electron 和 Vite 是不同的技术，什么契机让嘉宾决定将两者结合起来？
+06:00 主播们使用 electron 时候感受如何？
+07:51 嘉宾做了都哪些工作，性能、效率、开发体验如何？解决了大家不知道如何打包的痛点，提升了开发的体验
+12:00 Electron-Vite 项目发展如何，未来如何规划？和 Electron Forge 是什么关系？两者如何进行选择，差异点有哪些？最容易的上手方式就是通过 Vite 官方脚手架来创建项目
+15:50 如何区分和选择使用 Electron-Vite 还是 Electron Forge？小而精、大而全？
+20:30 对我们的借鉴意义：和相同方案的差异化的竞争，比如通过插件化体系、整套解决方案的选择。
+21:45 对于 Electron-Vite 这个项目，嘉宾想澄清一些事情，项目发展和社区认可、官方集成。参与开源希望做更优质、透明的工作。
+25:00 从这件事情说开去，先谈参与开源的感受和想法。
+26:30 我们提到的 Forge 到底是什么，和 Electron Builder 是什么关系？和 Electron-Vite 是什么关系？背后的故事
+31:55 谈及 Forge 和 Builder 我们能想到什么？如何推广、扩大项目的受众、项目的影响力。
+33:00 Electron Forge 和 Electron Builder 未来如何规划和发展？Forge 是官方主力支持。比如 23 年 QQ 的 mac 版本、Vite 的 `clear-screen` 背后的小故事
+37:00 2024 年了 Electron 和 ESM 的结合进展如何了？背后的复杂技术点是什么？有哪些有趣的故事？
+42:00 细讲 Electron 中 C++ 的部分和 Node 结合使用的背后故事，复杂的东西在哪里？点名 Electron v28 和 Forge v7.3
+46:30 `vite-plugins` 仓库做了哪些工作，延伸在 B 站分享了两个视频，`Vite / require / cjs /e sm 加载会有全新的认识`
+48:20 嘉宾对 `ESM / Vite / Electron` 三个方向都有大量的实践和努力。关联 D2 分享活动中的奇妙链接。
+51:00 从 breaking change 的技术选择说开去，社区的不同声音
+53:10 除了写代码，围绕运营、推广还做了哪些工作？比如线下、线上，感受如何？线下活动有哪些好处？真实感、人和人的链接
+60:48 工作多久了？工作累不累，平时忙什么？公司业务和开源如何平衡和实践的？草鞋没号最近在玩《塞尔达 王国之泪》，感觉很解压。
+64:10 目前在学什么新东西，未来想做点什么？我们绕不开的 AI ，ChatGPT 和 CodeCopilot 给我们程序员带来的感受、Rust 的学习和实践。可能是一个非常好的学习材料。
+69:40 对在校生、刚入行的年轻人有哪些过来人经验、踩坑经历？屏蔽一些噪音，主题式、链路式学习。ps:草鞋没号是跨专业来做的程序员。
+74:30 参与开源从小白，提 issue、提 PR 的一步步学习和理解，提到了 Antfu 参与开源的激励感受。
+
+## 幕后工作
+
+辛宝、小白菜、smart 参与剪辑

blog/posts/50.md

@@ -0,0 +1,70 @@
+---
+layout: Post
+date: 2024-04-11
+title: No.50 人海中各个都是孤岛，迈出这一步才能产生奇妙的链接
+useHeaderImage: true
+headerImage: /img/index.jpg
+headerMask: rgb(14, 21, 5, .5)
+tags:
+  - FM
+---
+
+## 导语
+
+问卷调查
+
+大家好，这里插播一条消息 Web worker 将制作一起面向学生和应届生以技术学习、自我培养、投递策略、笔试面试准备和技巧为主题的经验分享播客我们希望一站式的去解决校招生遇到的绝大多数问题所以我们希望尽可能去收集大家感兴趣的问题包括但不限于上述的领域可以使学生和工作 1-3 年时期遇到的任何问题、有价值的问题我们也会之后邀请更多的嘉宾去回答感谢大家的支持问卷链接可以在本期节目的 show notes、Web Worker 的官网、听友群等渠道去获取。
+
+[校招播客话题收集](https://wj.qq.com/s2/14462712/61b5/)
+
+## 节目介绍
+
+这一期的 web worker 是关于在线下听友会面基的活动，通过即兴的 freestyle 录制来深入交流和了解每个人的背景和故事。小型聚会没有太多压力，可以在轻松愉快的氛围中进行交流和提问。参加线下活动可以交到朋友，锻炼自己的表达能力，对于内向的人来说是一个不错的机会。在大型会议中，参与者可以见到网友，交流思想，结识新朋友，并且线下交流具有很大的价值和机会。昆仑潮的疯狂星期六活动作为一个线下交流的机会，虽然存在一些问题，但组织者提出了固定时间的聚会的想法，并讨论了如何吸引更多人参与。技术会议可以带来了解行业动态和趋势、结交更多的朋友和大 V、参加各种活动等收获。中文技术内容发展过程中存在质量差距和翻译问题，但中国人有有趣的灵魂，只要找到正确的方式，就能产生更好的内容。技术内容分享平台的发展面临着挑战，需要筛选和推荐适合个人需求的文章，根据层次的不同进行推荐和分发。信息爆炸时代面临的挑战包括内容筛选和推荐的问题，可以应用 AI 加推荐算法，并探讨了用户和平台的角度上的信息筛选和用户满意度的重要性。未来好的内容和讨论氛围将只在垂直领域或精英化领域存在。
+
+![](https://image.xyzcdn.net/Fs4os-tepNwnpNsH6OTW75A1_tta.jpg)
+
+图一 听友大合照
+
+![](https://image.xyzcdn.net/Fo9_OGofVEJXGUWpLdRyVUP9WEgH.png)
+
+图二 声湃轩录音间
+
+## 时间轴
+
+00:00 opening 在开始之前插播一条问卷
+
+00:45 新一期 webworker 来了，本次是一次线下闲聊。
+
+04:29 主播和嘉宾们分享了自己在线下参加听友会的感受
+
+05:45 开翼分享组织线下活动疯狂星期六感受 大家也分享了自己的看法
+
+16:45 总结组织线下活动的心理感受，大家对线下组织进行复盘
+
+21:45 没有固定的时间会让大家更加自由愿意参加线下活动
+
+26:40 参加大型会议的时候的感受什么让你会影响深刻
+
+28:07 在线下活动中社恐需要熟悉的人或者熟悉的领域会更加愿意做分享
+
+35:13 专业的角度聊聊中的不同角色
+
+40:45 不是喝多了才能结交真的朋友！
+
+43:11 人海中各个都是孤岛，迈出这一步才能产生奇妙的链接
+
+45:53 大家讨论为什么看起来似乎中文的内容相对外文差一些
+
+48:45 后发制人，从计算机相关的交流聊聊为什么中文资料不如英文
+
+52:44 面向国际化和更大的平台致大家在语言的选择下有倾向性
+
+54:59 在限定领域情况下再去讨论是不是。
+
+01:07:45 在信息爆炸的现在，怎么去做内容筛选和推荐
+
+01:21:45 AI 对于信息筛选的作用和讨论，大家分享了自己对于 ai 推荐的态度
+
+## 参与人员
+
+剪辑：代码之外 Randy showNote：小白菜 金句挖掘者-爆款标题打造者：小白菜

blog/posts/51.md

@@ -0,0 +1,60 @@
+---
+layout: Post
+date: 2024-04-23
+title: No.51 价值 1000r 的校招咨询：Kaiyi 带你勇闯校招
+useHeaderImage: true
+headerImage: https://cdn.ijust.cc/img/202404222335827.png
+headerMask: rgb(14, 21, 5, .5)
+tags:
+  - FM
+---
+
+## 收听方式
+
+小宇宙、苹果播客、喜马拉雅
+
+No.51 价值 1000r 的校招咨询：Kaiyi 带你勇闯校招
+
+## 导语
+
+新节目要来了，顺利的话我们打算明天发一期新播客！这一次“校招大满贯” - 开翼会从自身经历出发，围绕校招进行一番输出和讨论，按照时间维度悉心分析不同阶段的准备工作，希望在这个寒冷的招聘季能帮助到各位。无论你是在校生、初入职场还是职场老江湖，都可以从这次讨论中得到不同的感受，也欢迎加入讨论聊聊自己当年踩过的坑。
+
+## 介绍
+
+Kaiyi
+
+- 个人网站 https://kaiyi.cool/
+- qwerty learner https://github.com/RealKai42/qwerty-learner
+- 付费咨询服务 https://kaiyi.cool/ama
+
+![](https://cdn.ijust.cc/img/202404222335827.png)
+
+这期节目我们围绕校招展开闲聊，校招大满贯选手开翼分享了自己的校招经历和准备方法，讲述了在校招中如何打破信息壁垒，如何面对困惑以及应对策略。
+
+大家可以通过节目结合自己的实际经历了解校招流程和准备策略，解决自己的校招困惑。节目中提到了校招前的准备时间线和关键点、如何去大厂实习的方法和策略、如何准备面试和实习、秋招和春招的区别以及应对方法、选择 offer 时需要考虑哪些因素。
+
+![](https://cdn.ijust.cc/img/202404222344743.png)
+
+## 时间轴
+
+00:00 校招大满贯选手分享校招经历和经验
+
+05:41 校招该如何准备？不同时间节点应该去做什么？
+
+11:35 校招生什么时候开始准备算法？不同类型的公司对算法有什么要求？
+
+19:26 如何获取大厂实习机会？建立的投递策略是什么？
+
+27:59 面试的小技巧和 tooltips 以及什么才算高效的实习？
+
+36:09 实习和工作的意义到底是什么？这段实习经历哪些才是不可获取的。
+
+41:47 打破实习和校招的信息壁垒，校招就是信息战！
+
+51:53 如何避免校招被鸽？
+
+01:03:43 恭喜你！进入主动环节，如何选择你的筹码！
+
+01:10:36 最后的上岸机会，如何把握住春招？
+
+01:16:56 人生不是一次招聘，更不是一次考试。保持好心态，在你的时区内永远不晚！