feat: 更新周刊

.prettierignore

@@ -0,0 +1 @@
+**/*.md

README.md

@@ -18,7 +18,20 @@ Github：
 
 微信公众号:
 
-## 发刊记录
+## 关于我
+
+```js
+// On this page, you’ll find  about me.
+const my = {
+  name: 'markyun',
+  tags: ['Web Developer','Photog','Cycling enthusiast', 'INFJ'],
+  adress: 'Jiangsu - Nanjing',
+  email: 'majinyun@outlook.com',
+  introduce: 'Hi, I’m a frontend developer. This is my spot on the web for writing, projects, tutorials and anything else I want to put out there. check out the blog, or of my weekly.',
+  github: 'https://github.com/markyun',
+  blog: 'https://markyun.github.io/',
+  wiki: 'https://markyun.github.io/wiki/',
+  webcia_weekly: 'https://markyun.github.io/weekly/',
+  RSSReader: 'https://markyun.github.io/rss/',
+}
 
-- [第 02 期 - 回家过年](https://markyun.github.io/weekly/posts/02-%E5%9B%9E%E5%AE%B6%E8%BF%87%E5%B9%B4/)
-- [第 01 期 - Web 情报局](https://markyun.github.io/weekly/posts/1-Web%E6%83%85%E6%8A%A5%E5%B1%80)

src/pages/posts/03-元宵快乐.md

@@ -1,88 +1,92 @@
----
-date: 2024/02/24 
----
-
-<img src="https://p.ipic.vip/ply221.png" width="800" />
-
-<small>本期封面图来源于Leerob 分享的 Why You Should Use a React Framework 配图。</small>
-
-> **本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。**
-
-
-## 经验（Tips）
-
-成为一名优秀的工程师需要不断积累经验。每个项目，哪怕是小项目，都是为你的工具箱添加新技术和工具的机会。当你能将在一个项目中学到的技术与在另一个项目中学到的工具相结合，从而解决问题时，这将带来更大的价值。这会让你受益匪浅。
-
-## 技术  
-
-**软件设计的哲学(中文翻译)**  
-https://cactus-proj.github.io/A-Philosophy-of-Software-Design-zh/  
-如果我们想简化编写软件的过程，从而可以更便宜地构建功能更强大的系统，则必须找到简化软件的方法。尽管我们尽了最大努力，但复杂度仍会随着时间的推移而增加，但是更简单的设计使我们能够在复杂性压倒性优势之前构建更大，功能更强大的系统。  
-
-
-**在 2024 年如何编写 CSS**  
-https://leerob.io/blog/css  
-Leerob 分享的 CSS 知识，帮助开发者更好地理解和应用 CSS 来设计和开发现代网页。
-
-**浏览器的自发连接（英文）**  
-https://sizeof.cat/post/web-browser-telemetry/  
-本文列出浏览器打开时，自动发出的 HTTP 请求。举例来说，Firefox 打开时自动发出15个请求，Chrome 12个，Edge 21个。
-
-**Base32 编码解释（英文）**  
-https://linuxiac.com/how-to-set-up-ssh-to-use-two-factor-authentication/  
-本文详细解释 Base64、Base32、Base8 等等是如何编码实现的。  
-
-**为什么用 React 一定要配合框架使用？**  
-https://leerob.io/blog/react-frameworks  
-Leerob 分享的 Why You Should Use a React Framework，讲述了他关于为什么要使用 React 框架（如 Next，Remix，Gastby），而不是直接裸用 React 的一些见解，让我受益匪浅。
-
-## 工具  
-
-**🧩 交互动画库↗︎**  
-https://www.animatereactnative.com/animations  
-面向设计师和开发人员的交互库！
-
-移动 UI 组件各种介绍  
-https://designsystem.line.me/LDSG/components/inputs/pulldown-en  
-一个超级有用的网站，包含详细的移动 UI 组件集合。包括：布局、行为、国家、用法等
-
-**Dreamina**  
-https://www.capcut.cn/ai-tool/platform  
-抖音团队的 AI 创作产品，提供文字绘图、ai 扩图、局部重绘、图片灵感功能。
-提供文字绘图、prompt 图片灵感功能，用文字描述想要的图片；生成高清图后，可通过局部重绘、扩图功能优化图片。目前免费使用，拥有强大的中文理解能力和极致的美学创造力，摄影、插画、设计类图片通通帮你实现。
-
-**Arc Search**  
-https://apps.apple.com/us/app/arc-search/id6472513080  
-AI 搜索，全新体验。2022 年底，Arc Browser 在 macOS 平台首发测试就引得「平地一声雷」，一度被冠上了「浏览器变革者」的称号。去年 4 月，Arc 移动版上架 App Store，不过由于 iOS 第三方浏览器对于引擎的限制，当时的移动版更多是作为桌面版的一种延伸，并没有激起很大的水花。不过，就在上周，The Browser Company 推出了一款基于生成式 AI 的全新浏览器应用 Arc Search，准备另辟蹊径「卷」死竞争对手。
-<img src="https://cdn.sspai.com/editor/u_/cn0ar9tb34tenbpbvvp0" width="800" />
-
-
-
-**EasyDevo**  
-https://easydevo.boringboring.design/  
-作为一名开发者，你是否经常为杂乱的工作环境感到头疼？现在，有了 #EasyDevo，一切都将变得井井有条！
-
-		🔍 EasyDevo 不仅仅是一个清理工具：
-		📁 整理你的开发环境，清除无用文件
-		💻 监控系统性能，掌握电脑运行状况
-		📈 项目分析功能，轻松回顾投入时间
-
-## 开源  
-
-
-**Comma.ai「自动驾驶」开源自动驾驶辅助系统 Openpilott **  
-https://comma.ai/  
-Openpilot：Comma.ai 是一个开源自动驾驶公司，他们开发了 Openpilot 项目，该项目提供了一套自动驾驶软件和硬件方案。他们的软件可以安装在特定的车型上，实现基本的自动驾驶功能，如巡航控制和车道保持。
-
-**PageSpy**  
-https://www.pagespy.org/docs  
-这个仓库和 HuolalaTech/page-spy-web 相互配合，具体而言 page-spy 负责收集页面信息；page-spy-web 消费收集的信息，对数据进行过滤和整理，并将其转换成一种标准格式，最后在页面上呈现数据。
-
-**RSS 开源阅读器**  
-https://github.com/yang991178/fluent-reader  
-RSS 信息聚合。这是一个不用看广告，不用频繁切换各种 APP 网站就能快速获取资讯，阅读文章的好办法。在 RSS 阅读器里，可以用紧凑模式，一目十行的获取科技软件类的更新。在这个资讯爆炸的时代，RSS 可以极大提高信息收集效率，它还可以摆脱算法推荐，打破信息茧房，重新做信息的主人而不是奴隶。
-
-
-
-
-## 资讯
+---
+date: 2024/02/24 
+---
+
+<img src="https://p.ipic.vip/ply221.png" width="800" />
+
+<small>本期封面图来源于Leerob 分享的 Why You Should Use a React Framework 配图。</small>
+
+> **本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。**
+
+
+## 经验（Tips）
+
+成为一名优秀的工程师需要不断积累经验。每个项目，哪怕是小项目，都是为你的工具箱添加新技术和工具的机会。当你能将在一个项目中学到的技术与在另一个项目中学到的工具相结合，从而解决问题时，这将带来更大的价值。这会让你受益匪浅。
+
+## 技术  
+
+**软件设计的哲学(中文翻译)**  
+https://cactus-proj.github.io/A-Philosophy-of-Software-Design-zh/  
+如果我们想简化编写软件的过程，从而可以更便宜地构建功能更强大的系统，则必须找到简化软件的方法。尽管我们尽了最大努力，但复杂度仍会随着时间的推移而增加，但是更简单的设计使我们能够在复杂性压倒性优势之前构建更大，功能更强大的系统。  
+
+**在 2024 年如何编写 CSS**  
+https://leerob.io/blog/css  
+Leerob 分享的 CSS 知识，帮助开发者更好地理解和应用 CSS 来设计和开发现代网页。
+
+**浏览器的自发连接（英文）**  
+https://sizeof.cat/post/web-browser-telemetry/  
+本文列出浏览器打开时，自动发出的 HTTP 请求。举例来说，Firefox 打开时自动发出15个请求，Chrome 12个，Edge 21个。
+
+**Base32 编码解释（英文）**  
+https://linuxiac.com/how-to-set-up-ssh-to-use-two-factor-authentication/  
+本文详细解释 Base64、Base32、Base8 等等是如何编码实现的。  
+
+**为什么用 React 一定要配合框架使用？**  
+https://leerob.io/blog/react-frameworks  
+Leerob 分享的 Why You Should Use a React Framework，讲述了他关于为什么要使用 React 框架（如 Next，Remix，Gastby），而不是直接裸用 React 的一些见解，让我受益匪浅。
+
+## 工具  
+
+**🧩 交互动画库↗︎**  
+https://www.animatereactnative.com/animations  
+面向设计师和开发人员的交互库！
+
+移动 UI 组件各种介绍  
+https://designsystem.line.me/LDSG/components/inputs/pulldown-en  
+一个超级有用的网站，包含详细的移动 UI 组件集合。包括：布局、行为、国家、用法等
+
+**Dreamina**  
+https://www.capcut.cn/ai-tool/platform  
+抖音团队的 AI 创作产品，提供文字绘图、ai 扩图、局部重绘、图片灵感功能。
+提供文字绘图、prompt 图片灵感功能，用文字描述想要的图片；生成高清图后，可通过局部重绘、扩图功能优化图片。目前免费使用，拥有强大的中文理解能力和极致的美学创造力，摄影、插画、设计类图片通通帮你实现。
+
+**Arc Search**  
+https://apps.apple.com/us/app/arc-search/id6472513080  
+AI 搜索，全新体验。2022 年底，Arc Browser 在 macOS 平台首发测试就引得「平地一声雷」，一度被冠上了「浏览器变革者」的称号。去年 4 月，Arc 移动版上架 App Store，不过由于 iOS 第三方浏览器对于引擎的限制，当时的移动版更多是作为桌面版的一种延伸，并没有激起很大的水花。不过，就在上周，The Browser Company 推出了一款基于生成式 AI 的全新浏览器应用 Arc Search，准备另辟蹊径「卷」死竞争对手。
+<img src="https://cdn.sspai.com/editor/u_/cn0ar9tb34tenbpbvvp0" width="800" />
+
+
+
+**EasyDevo**  
+https://easydevo.boringboring.design/  
+作为一名开发者，你是否经常为杂乱的工作环境感到头疼？现在，有了 #EasyDevo，一切都将变得井井有条！
+
+		🔍 EasyDevo 不仅仅是一个清理工具：
+		📁 整理你的开发环境，清除无用文件
+		💻 监控系统性能，掌握电脑运行状况
+		📈 项目分析功能，轻松回顾投入时间
+
+## 开源  
+
+
+**Comma.ai「自动驾驶」开源自动驾驶辅助系统 Openpilott **  
+https://comma.ai/  
+Openpilot：Comma.ai 是一个开源自动驾驶公司，他们开发了 Openpilot 项目，该项目提供了一套自动驾驶软件和硬件方案。他们的软件可以安装在特定的车型上，实现基本的自动驾驶功能，如巡航控制和车道保持。
+
+**PageSpy**  
+https://www.pagespy.org/docs  
+这个仓库和 HuolalaTech/page-spy-web 相互配合，具体而言 page-spy 负责收集页面信息；page-spy-web 消费收集的信息，对数据进行过滤和整理，并将其转换成一种标准格式，最后在页面上呈现数据。
+
+**RSS 开源阅读器**  
+https://github.com/yang991178/fluent-reader  
+RSS 信息聚合。这是一个不用看广告，不用频繁切换各种 APP 网站就能快速获取资讯，阅读文章的好办法。在 RSS 阅读器里，可以用紧凑模式，一目十行的获取科技软件类的更新。在这个资讯爆炸的时代，RSS 可以极大提高信息收集效率，它还可以摆脱算法推荐，打破信息茧房，重新做信息的主人而不是奴隶。
+
+RSSHub国内镜像：
+https://rsshub.netlify.app/
+
+
+
+## 资讯
+
+有不少工程师有自己的网站，比如博客、产品官网等不少 元数据 META 信息不够完善，容易影响到本身的 SEO，找到一个开箱即用的 Chrome 插件叫 META SEO inspector，可以帮你把需要优化修改的点都列举出来，修改起来可以方便不少，还可以补充不少之前没有考虑到的。https://chromewebstore.google.com/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef
+

src/pages/posts/04-极简编程.md

@@ -0,0 +1,93 @@
+---
+date: 2024/03/18
+---
+
+<img src="https://p.ipic.vip/2lw203.jpg" width="800" />
+
+<small>本期封面图: 极简编程。</small>
+
+> **本周刊内容来源于我的 RSS 信息订阅源精选，包含：技术文章、产品设计、思维观点、开源项目、资源工具、焦点资讯等。提供保持领先所需的见解。欢迎订阅下方 RSS，以便获取更新推送。**
+
+
+## 经验（Tips）
+
+对业务代码封装尽量的简单，暴露简单配置即可。
+
+有些人作出了业务决策……但并没有告诉我们理由。
+
+## 技术  
+
+**前端视角对Rust的浅析**   
+https://mp.weixin.qq.com/s/S7LTjI77gzAdaweGNdbZMw     
+概述本文将从 Rust 的历史，前端的使用场景和业界使用案例一步步带你走进 Rust的世界。 
+
+**How to learn a JavaScript Framework**    
+https://www.robinwieruch.de/how-to-learn-framework/   
+由Robin Wieruch撰写，旨在为那些想要学习如React、Vue、框架的开发者提供指导。  
+学习任何框架的关键在于从消费转向生产，开始编码，并更好地理解JavaScript的核心原理。  
+
+**CSS runtime performance**  
+https://nolanlawson.github.io/css-talk-2022/  
+涵盖CSS的新特性、最佳实践、性能优化技巧、布局技巧、动画和过渡效果等内容。  
+
+## 实用工具  
+
+**Reqable**  
+Reqable = Fiddler + Charles + Postman  
+https://reqable.com/en-US/  
+一款不错的http流量抓包调试工具。跨平台，支持手机端安装使用。  
+
+**包阅AI —— 智能 AI 阅读助手**   
+https://baoyueai.com/  
+支持多种文档格式，包括 PDF、DOC、扫描文件等。具备多语言翻译和定制问答服务该工具还支持文档概述、分章节总结、智能导读等功能，帮助用户深入理解文本内容，节省时间，发现隐藏见解。 
+
+**PeepsLab**    
+https://peepslab.com/  
+在线工具，用于定制自己独特的插图用户头像。通过循环选择肤色、发色、配饰、面部样式等不同选项来构建自己的头像。 
+
+## 开源项目  
+
+**shiki-magic-move**  
+https://github.com/shikijs/shiki-magic-move  
+让你在 Web 端实现 类似 Keynote Magic Move 效果的库，在演示代码时适用  
+
+**czkawka**  
+https://github.com/qarmin/czkawka  
+一款简单、快速和免费的开源跨平台应用程序，可以从您的计算机中删除不必要的文件。  
+支持扫描计算机上重复、空文件夹、大文件、相似图像/视频/音乐、无效/损坏文件等内容，扫描速度极快。  
+
+**ToolJet**  
+https://github.com/ToolJet/ToolJet  
+一个低代码框架，基于React的开源。用来开发内部工具。部署到服务器后，它有一个 Web 界面，通过拖拽，就可以连接各种数据源，生成各种应用或管理面板。  
+<img src="https://p.ipic.vip/uzbyut.jpg" width="800" />  
+
+
+## 资讯
+
+**Copilot 不是银弹**  
+AI 并不是一秒解决 50% 的工作，而是将 50% 的工作时间替换成了 10% 的 prompt/chat 时间
+认清 copilot 的定位，其是一个副驾驶的角色，自己的思维方式要从“如何去做这件事” => “如何激发 copilot 去做这件事”  
+https://mp.weixin.qq.com/s/dpfGh7AzfCRn1zrYgsl_pQ   
+
+**自建知识库 & wiki 文档 & 静态网站推荐[程序员的知识传承] **  
+放出我搜集和对比过的部分技术选型（+A 表示实践体验还不错，其他感觉中规中矩，亦或是不符合我的使用场景）。 看看大家还有没有更好的技术选型推荐。   
+https://www.v2ex.com/t/1024641  
+
+    自建知识库 & wiki 文档 技术选型  
+
+        ○ Docusaurus	（基于 React 生态系统）
+        ○ Docsify 
+        ○ Gitbooks	（有限制）
+
+        ○ Vitepress   （ A ，主题自定义，菜单全自动生成插件）
+        ○ MkDocs 	（ A ，搭配 Material for MkDocs 主题）
+        ○ hugo    （ A ，搭配自定义主题 ）
+
+        ○ Jekyll  （纯文档库用）
+        ○ Astro	  （纯文档库用）
+        ○ Hexo	  （纯文档库用）
+        ○ Pagic	  （小众、静态站点生成，适合个人文档站点）
+        ○ Docz 
+        ○ confluence （ Wiki 文档管理平台，适合团队协作）
+        ○ bisheng （阿里之前有开源项目用过，但不适用于我这种纯文档库）
+        ○ dumi    （适用于 React 组件库）